# Peach glow and slate twilight fan

Midnight navy rises through dusty plum and rose into a soft peach highlight, then cools through mauve, lavender and slate blue before returning to deep violet. Forty-eight angular swatches form a fine evening color fan. The dark opening and closing tones frame the warm middle passage, suggesting the last light of dusk.

- Also called: Seamless navy, pink and purple angular swatches
- Seed: `kWOBzGZJrNlict46EzhnZBEg`
- Page: https://grabient.com/kWOBzGZJrNlict46EzhnZBEg?style=angularSwatches&steps=48&angle=225
- Drawn as: angular swatches, 48 steps, 225 degrees
- Kinds: light center, muted, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#17192c` | `oklch(22.05% 0.0386 278.44)` | Sambucus | white, 17.3 to 1 |
| 2 | `#201f34` | `oklch(25.09% 0.0404 284.75)` | Eclipse Elixir | white, 16 to 1 |
| 3 | `#2d283f` | `oklch(29.22% 0.0428 293.53)` | Viola Black | white, 14.1 to 1 |
| 4 | `#3e324c` | `oklch(34.20% 0.0456 304.21)` | Acai Berry | white, 11.8 to 1 |
| 5 | `#523f59` | `oklch(39.80% 0.0489 316.23)` | Purple Bloom | white, 9.4 to 1 |
| 6 | `#684d66` | `oklch(45.79% 0.0523 329.04)` | Vicarious Violet | white, 7.3 to 1 |
| 7 | `#805c72` | `oklch(51.95% 0.0559 342.08)` | Chicha Morada | white, 5.6 to 1 |
| 8 | `#976c7c` | `oklch(58.05% 0.0595 354.79)` | Wild Geranium | black, 4.7 to 1 |
| 9 | `#ae7c85` | `oklch(63.86% 0.0630 6.63)` | Silken Raspberry | black, 6 to 1 |
| 10 | `#c28b8d` | `oklch(69.14% 0.0662 17.02)` | Prophetess | black, 7.3 to 1 |
| 11 | `#d29994` | `oklch(73.68% 0.0691 25.41)` | Tobermory | black, 8.7 to 1 |
| 12 | `#dfa599` | `oklch(77.24% 0.0716 31.25)` | Cuticle Pink | black, 9.9 to 1 |
| 13 | `#e8ac9e` | `oklch(79.61% 0.0735 34.01)` | Passion Fruit Punch | black, 10.8 to 1 |
| 14 | `#edb0a1` | `oklch(81.03% 0.0750 33.95)` | Salmon Run | black, 11.3 to 1 |
| 15 | `#f0b1a5` | `oklch(81.70% 0.0764 31.60)` | Lusty Salmon | black, 11.5 to 1 |
| 16 | `#f2b1a8` | `oklch(81.74% 0.0775 27.30)` | Sango Pink | black, 11.5 to 1 |
| 17 | `#f0aeab` | `oklch(81.23% 0.0785 21.41)` | Lusty Salmon | black, 11.3 to 1 |
| 18 | `#edaaaf` | `oklch(80.27% 0.0792 14.30)` | Hibiscus Petal | black, 10.9 to 1 |
| 19 | `#e8a5b2` | `oklch(78.95% 0.0797 6.31)` | Love at First Sight | black, 10.4 to 1 |
| 20 | `#e0a0b5` | `oklch(77.38% 0.0801 357.81)` | Blushing Tulip | black, 9.8 to 1 |
| 21 | `#d79bb8` | `oklch(75.64% 0.0801 349.16)` | Sweet Perfume | black, 9.3 to 1 |
| 22 | `#ce97ba` | `oklch(73.84% 0.0800 340.71)` | Peach Buff | black, 8.7 to 1 |
| 23 | `#c393bb` | `oklch(72.07% 0.0796 332.82)` | La la Love | black, 8.1 to 1 |
| 24 | `#ba8fba` | `oklch(70.43% 0.0790 325.85)` | La la Love | black, 7.7 to 1 |
| 25 | `#b18cba` | `oklch(68.95% 0.0780 319.89)` | Violet Whimsy | black, 7.3 to 1 |
| 26 | `#a788b8` | `oklch(67.32% 0.0766 313.64)` | Purple Statice | black, 6.8 to 1 |
| 27 | `#9d85b5` | `oklch(65.51% 0.0747 307.02)` | Peony Mauve | black, 6.4 to 1 |
| 28 | `#9181b1` | `oklch(63.55% 0.0725 300.20)` | Captivated | black, 5.9 to 1 |
| 29 | `#867dab` | `oklch(61.48% 0.0700 293.36)` | Parmentier | black, 5.5 to 1 |
| 30 | `#7b78a5` | `oklch(59.32% 0.0673 286.68)` | Minuet Lilac | black, 5 to 1 |
| 31 | `#70749e` | `oklch(57.10% 0.0646 280.33)` | Hyacinth Mauve | black, 4.6 to 1 |
| 32 | `#666f96` | `oklch(54.85% 0.0618 274.49)` | Royal Intrigue | white, 4.9 to 1 |
| 33 | `#5d698d` | `oklch(52.60% 0.0592 269.33)` | Allegiance | white, 5.4 to 1 |
| 34 | `#546485` | `oklch(50.39% 0.0567 265.03)` | Luxe Blue | white, 5.9 to 1 |
| 35 | `#4d5f7e` | `oklch(48.23% 0.0545 261.77)` | Sapphire Earbobs | white, 6.4 to 1 |
| 36 | `#475976` | `oklch(46.17% 0.0527 259.72)` | Chambray | white, 7 to 1 |
| 37 | `#425470` | `oklch(44.15% 0.0513 259.12)` | Champlain Blue | white, 7.7 to 1 |
| 38 | `#3d4e69` | `oklch(42.03% 0.0501 260.08)` | Calico Dress | white, 8.4 to 1 |
| 39 | `#394762` | `oklch(39.84% 0.0490 262.35)` | Garnet Stone Blue | white, 9.2 to 1 |
| 40 | `#35415b` | `oklch(37.61% 0.0481 265.67)` | Passionate Blueberry | white, 10.2 to 1 |
| 41 | `#323a55` | `oklch(35.39% 0.0473 269.77)` | Biscay | white, 11.1 to 1 |
| 42 | `#2f344e` | `oklch(33.21% 0.0467 274.40)` | Tiě Hēi Metal | white, 12.2 to 1 |
| 43 | `#2c2e48` | `oklch(31.12% 0.0461 279.29)` | Midnight Masquerade | white, 13.2 to 1 |
| 44 | `#292842` | `oklch(29.15% 0.0456 284.18)` | Valhalla | white, 14.1 to 1 |
| 45 | `#26233c` | `oklch(27.33% 0.0452 288.81)` | Cold Steel | white, 15 to 1 |
| 46 | `#241f37` | `oklch(25.71% 0.0448 292.92)` | Eclipse Elixir | white, 15.8 to 1 |
| 47 | `#221b33` | `oklch(24.33% 0.0444 296.24)` | Black Howl | white, 16.4 to 1 |
| 48 | `#20182f` | `oklch(23.23% 0.0441 298.52)` | Sambucus | white, 16.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #17192c 0.000% 2.083%, #201f34 2.083% 4.167%, #2d283f 4.167% 6.250%, #3e324c 6.250% 8.333%, #523f59 8.333% 10.417%, #684d66 10.417% 12.500%, #805c72 12.500% 14.583%, #976c7c 14.583% 16.667%, #ae7c85 16.667% 18.750%, #c28b8d 18.750% 20.833%, #d29994 20.833% 22.917%, #dfa599 22.917% 25.000%, #e8ac9e 25.000% 27.083%, #edb0a1 27.083% 29.167%, #f0b1a5 29.167% 31.250%, #f2b1a8 31.250% 33.333%, #f0aeab 33.333% 35.417%, #edaaaf 35.417% 37.500%, #e8a5b2 37.500% 39.583%, #e0a0b5 39.583% 41.667%, #d79bb8 41.667% 43.750%, #ce97ba 43.750% 45.833%, #c393bb 45.833% 47.917%, #ba8fba 47.917% 50.000%, #b18cba 50.000% 52.083%, #a788b8 52.083% 54.167%, #9d85b5 54.167% 56.250%, #9181b1 56.250% 58.333%, #867dab 58.333% 60.417%, #7b78a5 60.417% 62.500%, #70749e 62.500% 64.583%, #666f96 64.583% 66.667%, #5d698d 66.667% 68.750%, #546485 68.750% 70.833%, #4d5f7e 70.833% 72.917%, #475976 72.917% 75.000%, #425470 75.000% 77.083%, #3d4e69 77.083% 79.167%, #394762 79.167% 81.250%, #35415b 81.250% 83.333%, #323a55 83.333% 85.417%, #2f344e 85.417% 87.500%, #2c2e48 87.500% 89.583%, #292842 89.583% 91.667%, #26233c 91.667% 93.750%, #241f37 93.750% 95.833%, #221b33 95.833% 97.917%, #20182f 97.917% 100.000%);
background: conic-gradient(from 225deg, oklch(22.05% 0.0386 278.44) 0.000% 2.083%, oklch(25.09% 0.0404 284.75) 2.083% 4.167%, oklch(29.22% 0.0428 293.53) 4.167% 6.250%, oklch(34.20% 0.0456 304.21) 6.250% 8.333%, oklch(39.80% 0.0489 316.23) 8.333% 10.417%, oklch(45.79% 0.0523 329.04) 10.417% 12.500%, oklch(51.95% 0.0559 342.08) 12.500% 14.583%, oklch(58.05% 0.0595 354.79) 14.583% 16.667%, oklch(63.86% 0.0630 6.63) 16.667% 18.750%, oklch(69.14% 0.0662 17.02) 18.750% 20.833%, oklch(73.68% 0.0691 25.41) 20.833% 22.917%, oklch(77.24% 0.0716 31.25) 22.917% 25.000%, oklch(79.61% 0.0735 34.01) 25.000% 27.083%, oklch(81.03% 0.0750 33.95) 27.083% 29.167%, oklch(81.70% 0.0764 31.60) 29.167% 31.250%, oklch(81.74% 0.0775 27.30) 31.250% 33.333%, oklch(81.23% 0.0785 21.41) 33.333% 35.417%, oklch(80.27% 0.0792 14.30) 35.417% 37.500%, oklch(78.95% 0.0797 6.31) 37.500% 39.583%, oklch(77.38% 0.0801 357.81) 39.583% 41.667%, oklch(75.64% 0.0801 349.16) 41.667% 43.750%, oklch(73.84% 0.0800 340.71) 43.750% 45.833%, oklch(72.07% 0.0796 332.82) 45.833% 47.917%, oklch(70.43% 0.0790 325.85) 47.917% 50.000%, oklch(68.95% 0.0780 319.89) 50.000% 52.083%, oklch(67.32% 0.0766 313.64) 52.083% 54.167%, oklch(65.51% 0.0747 307.02) 54.167% 56.250%, oklch(63.55% 0.0725 300.20) 56.250% 58.333%, oklch(61.48% 0.0700 293.36) 58.333% 60.417%, oklch(59.32% 0.0673 286.68) 60.417% 62.500%, oklch(57.10% 0.0646 280.33) 62.500% 64.583%, oklch(54.85% 0.0618 274.49) 64.583% 66.667%, oklch(52.60% 0.0592 269.33) 66.667% 68.750%, oklch(50.39% 0.0567 265.03) 68.750% 70.833%, oklch(48.23% 0.0545 261.77) 70.833% 72.917%, oklch(46.17% 0.0527 259.72) 72.917% 75.000%, oklch(44.15% 0.0513 259.12) 75.000% 77.083%, oklch(42.03% 0.0501 260.08) 77.083% 79.167%, oklch(39.84% 0.0490 262.35) 79.167% 81.250%, oklch(37.61% 0.0481 265.67) 81.250% 83.333%, oklch(35.39% 0.0473 269.77) 83.333% 85.417%, oklch(33.21% 0.0467 274.40) 85.417% 87.500%, oklch(31.12% 0.0461 279.29) 87.500% 89.583%, oklch(29.15% 0.0456 284.18) 89.583% 91.667%, oklch(27.33% 0.0452 288.81) 91.667% 93.750%, oklch(25.71% 0.0448 292.92) 93.750% 95.833%, oklch(24.33% 0.0444 296.24) 95.833% 97.917%, oklch(23.23% 0.0441 298.52) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.039 | 278.4 |
| 2 | 0.791 | 0.073 | 393.6 |
| 3 | 0.697 | 0.079 | 322.8 |
| 4 | 0.457 | 0.052 | 259.4 |
| 5 | 0.232 | 0.044 | 298.5 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)

## Other forms

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