# Coral Tide Diagonal

This smooth diagonal gradient moves from sandy cream through peach, coral orange, warm brown, sea green, and deep teal. Use it for coastal travel graphics, beach lodging pages, sunset announcements, or packaging that needs a clear shoreline transition from sunlit sand into dark water.

- Also called: Peach to dark green linear gradient
- Seed: `kW6jA4YLg88usP83GNEIpG9Y`
- Page: https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y?steps=32&angle=30
- Drawn as: linear gradient, 32 steps, 30 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 11.5 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#fde1b4` | `oklch(92.13% 0.0661 78.75)` | Yellow Essence | black, 16.5 to 1 |
| 2 | `#fddbaa` | `oklch(90.84% 0.0741 76.54)` | Peach Bellini | black, 15.8 to 1 |
| 3 | `#fed39c` | `oklch(89.12% 0.0856 73.41)` | Mango Nectar | black, 15 to 1 |
| 4 | `#ffc98c` | `oklch(87.07% 0.0991 69.67)` | Torchlight | black, 14 to 1 |
| 5 | `#ffbe7d` | `oklch(84.79% 0.1109 65.63)` | Buff Orange | black, 12.9 to 1 |
| 6 | `#ffb26e` | `oklch(82.40% 0.1236 61.63)` | Apricot | black, 11.8 to 1 |
| 7 | `#ffa65e` | `oklch(79.97% 0.1372 57.97)` | Echinoderm | black, 10.8 to 1 |
| 8 | `#fe9a4e` | `oklch(77.63% 0.1502 54.99)` | Autumn Splendour | black, 9.9 to 1 |
| 9 | `#fa9046` | `oklch(75.46% 0.1551 52.91)` | Orangish | black, 9.1 to 1 |
| 10 | `#f58843` | `oklch(73.34% 0.1561 50.25)` | Hot Orange | black, 8.4 to 1 |
| 11 | `#ee8044` | `oklch(71.20% 0.1542 46.94)` | Mustard Crusted Salmon | black, 7.7 to 1 |
| 12 | `#e67947` | `oklch(69.06% 0.1501 43.78)` | Jaffa | black, 7.1 to 1 |
| 13 | `#dd7349` | `oklch(66.91% 0.1444 41.55)` | Orange Shot | black, 6.6 to 1 |
| 14 | `#d36e48` | `oklch(64.77% 0.1377 41.02)` | Coral Gold | black, 6 to 1 |
| 15 | `#c86a43` | `oklch(62.63% 0.1308 42.99)` | Terracotta | black, 5.6 to 1 |
| 16 | `#bc6839` | `oklch(60.51% 0.1242 48.24)` | Spiced Nut | black, 5.1 to 1 |
| 17 | `#af6729` | `oklch(58.40% 0.1183 57.88)` | Date Fruit Brown | black, 4.8 to 1 |
| 18 | `#9c6a17` | `oklch(56.30% 0.1116 73.68)` | Cinnamon Brown | white, 4.6 to 1 |
| 19 | `#836e14` | `oklch(54.21% 0.1042 94.09)` | Tarnished Brass | white, 5 to 1 |
| 20 | `#657028` | `oklch(52.13% 0.0965 117.09)` | Forest Spirit | white, 5.3 to 1 |
| 21 | `#46703f` | `oklch(50.06% 0.0887 140.68)` | Gully Green | white, 5.7 to 1 |
| 22 | `#2a6c50` | `oklch(47.98% 0.0812 162.84)` | Sparkling Emerald | white, 6.2 to 1 |
| 23 | `#18655b` | `oklch(45.91% 0.0745 181.58)` | Humboldt Redwoods | white, 6.8 to 1 |
| 24 | `#135e5e` | `oklch(43.83% 0.0687 194.87)` | Emerald Pool | white, 7.5 to 1 |
| 25 | `#13565b` | `oklch(41.68% 0.0642 201.52)` | Uncharted | white, 8.3 to 1 |
| 26 | `#114f54` | `oklch(39.34% 0.0605 203.14)` | Iron Teal | white, 9.2 to 1 |
| 27 | `#0d484c` | `oklch(36.92% 0.0573 201.00)` | Incubi Darkness | white, 10.1 to 1 |
| 28 | `#094243` | `oklch(34.52% 0.0548 196.30)` | Warm Black | white, 11.2 to 1 |
| 29 | `#053c39` | `oklch(32.24% 0.0527 190.23)` | Customs Green | white, 12.2 to 1 |
| 30 | `#043631` | `oklch(30.18% 0.0510 184.02)` | Night Turquoise | white, 13.2 to 1 |
| 31 | `#03322a` | `oklch(28.46% 0.0495 178.87)` | Fence Green | white, 14 to 1 |
| 32 | `#032e26` | `oklch(27.17% 0.0482 175.97)` | Guerrilla Forest | white, 14.7 to 1 |

## CSS

```css
background: linear-gradient(30deg, #fde1b4 0.0%, #fddbaa 3.2%, #fed39c 6.5%, #ffc98c 9.7%, #ffbe7d 12.9%, #ffb26e 16.1%, #ffa65e 19.4%, #fe9a4e 22.6%, #fa9046 25.8%, #f58843 29.0%, #ee8044 32.3%, #e67947 35.5%, #dd7349 38.7%, #d36e48 41.9%, #c86a43 45.2%, #bc6839 48.4%, #af6729 51.6%, #9c6a17 54.8%, #836e14 58.1%, #657028 61.3%, #46703f 64.5%, #2a6c50 67.7%, #18655b 71.0%, #135e5e 74.2%, #13565b 77.4%, #114f54 80.6%, #0d484c 83.9%, #094243 87.1%, #053c39 90.3%, #043631 93.5%, #03322a 96.8%, #032e26 100.0%);
background: linear-gradient(30deg in oklch, oklch(92.13% 0.0661 78.75) 0.0%, oklch(90.84% 0.0741 76.54) 3.2%, oklch(89.12% 0.0856 73.41) 6.5%, oklch(87.07% 0.0991 69.67) 9.7%, oklch(84.79% 0.1109 65.63) 12.9%, oklch(82.40% 0.1236 61.63) 16.1%, oklch(79.97% 0.1372 57.97) 19.4%, oklch(77.63% 0.1502 54.99) 22.6%, oklch(75.46% 0.1551 52.91) 25.8%, oklch(73.34% 0.1561 50.25) 29.0%, oklch(71.20% 0.1542 46.94) 32.3%, oklch(69.06% 0.1501 43.78) 35.5%, oklch(66.91% 0.1444 41.55) 38.7%, oklch(64.77% 0.1377 41.02) 41.9%, oklch(62.63% 0.1308 42.99) 45.2%, oklch(60.51% 0.1242 48.24) 48.4%, oklch(58.40% 0.1183 57.88) 51.6%, oklch(56.30% 0.1116 73.68) 54.8%, oklch(54.21% 0.1042 94.09) 58.1%, oklch(52.13% 0.0965 117.09) 61.3%, oklch(50.06% 0.0887 140.68) 64.5%, oklch(47.98% 0.0812 162.84) 67.7%, oklch(45.91% 0.0745 181.58) 71.0%, oklch(43.83% 0.0687 194.87) 74.2%, oklch(41.68% 0.0642 201.52) 77.4%, oklch(39.34% 0.0605 203.14) 80.6%, oklch(36.92% 0.0573 201.00) 83.9%, oklch(34.52% 0.0548 196.30) 87.1%, oklch(32.24% 0.0527 190.23) 90.3%, oklch(30.18% 0.0510 184.02) 93.5%, oklch(28.46% 0.0495 178.87) 96.8%, oklch(27.17% 0.0482 175.97) 100.0%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.066 | 78.8 |
| 2 | 0.76 | 0.154 | 53.4 |
| 3 | 0.594 | 0.121 | 52.3 |
| 4 | 0.433 | 0.068 | 197.1 |
| 5 | 0.272 | 0.048 | 176 |

## In these collections

- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

- [JSON](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.json?steps=32&angle=30)
- [PNG](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.png?steps=32&angle=30)
- [SVG](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.svg?steps=32&angle=30)
- [CSS](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.css?steps=32&angle=30)
- [ASE](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.ase?steps=32&angle=30)
- [GPL](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.gpl?steps=32&angle=30)
- [GRD](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.grd?steps=32&angle=30)
- [Design tokens](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y.tokens.json?steps=32&angle=30)
- [Social card](https://grabient.com/api/og?seed=kW6jA4YLg88usP83GNEIpG9Y&steps=32&angle=30)
- [Palettes like this one](https://grabient.com/palettes?q=kW6jA4YLg88usP83GNEIpG9Y)
- [Guide for agents](https://grabient.com/llms.txt)