# Ivory slate and sage mist

White, dark gray and gray angular swatches with 80 colors: #f1eee4, #f0eee3, #efede3, #eeede3, #ecede3, #ebece3, #eaece3, #e8ece3, #e6ebe3, #e5ebe3, #e3eae3, #e1e9e3, #e0e8e2, #dee7e2, #dce5e1, #dae4e0, #d7e2df, #d5e0de, #d2dddc, #cfdada, #ccd7d7, #c8d4d5, #c4d0d1, #bfccce, #bac8ca, #b5c3c6, #b0bfc2, #aababd, #a4b5b8, #9eafb4, #99aaaf, #93a5aa, #8da0a5, #879ba1, #81969c, #7c9197, #778c93, #72878f, #6e838b, #6a7f87, #667b83, #637680, #5f727c, #5b6d77, #586973, #54646e, #515f6a, #4e5a65, #4a5660, #47525c, #444e58, #424a54, #3f4750, #3d444d, #3c424b, #3a4049, #393f47, #383e46, #383e46, #393f47, #3a4149, #3b434c, #3e474f, #414c54, #445259, #48585f, #4d5f65, #52676b, #576f71, #5e7776, #647f7c, #6c8881, #749086, #7c978a, #859f8e, #8da591, #96ab94, #9db197, #a4b599, #a9b89b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, dark gray and gray angular swatches
- Seed: `kW8QpCbwTMMkKQ0uhkN4RAxI`
- Page: https://grabient.com/kW8QpCbwTMMkKQ0uhkN4RAxI?style=angularSwatches&steps=80&angle=225
- Drawn as: angular swatches, 80 steps, 225 degrees
- Kinds: dark center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 9.2 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 | `#f1eee4` | `oklch(94.88% 0.0138 92.81)` | Atrium White | black, 18 to 1 |
| 2 | `#f0eee3` | `oklch(94.70% 0.0137 95.78)` | Crepe Silk White | black, 18 to 1 |
| 3 | `#efede3` | `oklch(94.53% 0.0136 99.41)` | Gypsum | black, 17.9 to 1 |
| 4 | `#eeede3` | `oklch(94.37% 0.0135 103.62)` | Gypsum | black, 17.8 to 1 |
| 5 | `#ecede3` | `oklch(94.22% 0.0133 108.34)` | Ivory Wedding | black, 17.7 to 1 |
| 6 | `#ebece3` | `oklch(94.05% 0.0131 113.51)` | Calm Breeze | black, 17.6 to 1 |
| 7 | `#eaece3` | `oklch(93.88% 0.0129 119.06)` | Calm Breeze | black, 17.5 to 1 |
| 8 | `#e8ece3` | `oklch(93.69% 0.0127 124.91)` | Calm Breeze | black, 17.5 to 1 |
| 9 | `#e6ebe3` | `oklch(93.48% 0.0125 131.00)` | Summer Shower | black, 17.3 to 1 |
| 10 | `#e5ebe3` | `oklch(93.25% 0.0123 137.25)` | Summer Shower | black, 17.2 to 1 |
| 11 | `#e3eae3` | `oklch(92.98% 0.0121 143.61)` | Sweet Ariel | black, 17.1 to 1 |
| 12 | `#e1e9e3` | `oklch(92.67% 0.0120 149.99)` | Sea Pearl | black, 16.9 to 1 |
| 13 | `#e0e8e2` | `oklch(92.31% 0.0118 156.33)` | Glimmer | black, 16.8 to 1 |
| 14 | `#dee7e2` | `oklch(91.91% 0.0117 162.55)` | Pirate Coast | black, 16.6 to 1 |
| 15 | `#dce5e1` | `oklch(91.45% 0.0116 168.60)` | Melting Snowman | black, 16.3 to 1 |
| 16 | `#dae4e0` | `oklch(90.92% 0.0116 174.40)` | Melting Snowman | black, 16.1 to 1 |
| 17 | `#d7e2df` | `oklch(90.33% 0.0117 179.87)` | Streetwise | black, 15.8 to 1 |
| 18 | `#d5e0de` | `oklch(89.66% 0.0118 184.96)` | Spring Mist | black, 15.4 to 1 |
| 19 | `#d2dddc` | `oklch(88.92% 0.0119 189.59)` | Ripple | black, 15.1 to 1 |
| 20 | `#cfdada` | `oklch(88.09% 0.0122 193.69)` | Glassware | black, 14.7 to 1 |
| 21 | `#ccd7d7` | `oklch(87.16% 0.0125 197.20)` | Offshore Mist | black, 14.3 to 1 |
| 22 | `#c8d4d5` | `oklch(86.11% 0.0130 200.26)` | Polished Cotton | black, 13.8 to 1 |
| 23 | `#c4d0d1` | `oklch(84.94% 0.0135 202.97)` | Lark Wing | black, 13.3 to 1 |
| 24 | `#bfccce` | `oklch(83.66% 0.0142 205.37)` | Sleepy Blue | black, 12.7 to 1 |
| 25 | `#bac8ca` | `oklch(82.29% 0.0150 207.47)` | Oceanic Climate | black, 12.2 to 1 |
| 26 | `#b5c3c6` | `oklch(80.82% 0.0159 209.31)` | Niebla Azul | black, 11.6 to 1 |
| 27 | `#b0bfc2` | `oklch(79.28% 0.0169 210.91)` | Artisan Blue | black, 11 to 1 |
| 28 | `#aababd` | `oklch(77.68% 0.0179 212.32)` | Grey Wool | black, 10.4 to 1 |
| 29 | `#a4b5b8` | `oklch(76.03% 0.0189 213.55)` | Marine Layer | black, 9.8 to 1 |
| 30 | `#9eafb4` | `oklch(74.35% 0.0199 214.64)` | Aqua-Sphere | black, 9.2 to 1 |
| 31 | `#99aaaf` | `oklch(72.63% 0.0210 215.62)` | Nor’wester | black, 8.7 to 1 |
| 32 | `#93a5aa` | `oklch(70.91% 0.0220 216.51)` | Dusty Sky | black, 8.1 to 1 |
| 33 | `#8da0a5` | `oklch(69.18% 0.0230 217.35)` | Symmetry | black, 7.6 to 1 |
| 34 | `#879ba1` | `oklch(67.47% 0.0239 218.16)` | Arona | black, 7.2 to 1 |
| 35 | `#81969c` | `oklch(65.78% 0.0248 218.98)` | Morning at Sea | black, 6.7 to 1 |
| 36 | `#7c9197` | `oklch(64.13% 0.0256 219.84)` | Silent Tide | black, 6.3 to 1 |
| 37 | `#778c93` | `oklch(62.53% 0.0262 220.76)` | Shaker Blue | black, 5.9 to 1 |
| 38 | `#72878f` | `oklch(60.99% 0.0268 221.77)` | Lyric Blue | black, 5.5 to 1 |
| 39 | `#6e838b` | `oklch(59.52% 0.0272 222.91)` | Polished Steel | black, 5.2 to 1 |
| 40 | `#6a7f87` | `oklch(58.14% 0.0275 224.19)` | Risk-Reward | black, 4.9 to 1 |
| 41 | `#667b83` | `oklch(56.82% 0.0276 225.69)` | Labradorite | black, 4.7 to 1 |
| 42 | `#637680` | `oklch(55.44% 0.0275 227.53)` | Freedom Found | white, 4.7 to 1 |
| 43 | `#5f727c` | `oklch(53.98% 0.0272 229.68)` | Winter Harbor | white, 5 to 1 |
| 44 | `#5b6d77` | `oklch(52.46% 0.0267 232.08)` | Rolling Sea | white, 5.3 to 1 |
| 45 | `#586973` | `oklch(50.90% 0.0261 234.67)` | Distance | white, 5.7 to 1 |
| 46 | `#54646e` | `oklch(49.32% 0.0253 237.39)` | Plot Twist | white, 6.1 to 1 |
| 47 | `#515f6a` | `oklch(47.74% 0.0245 240.17)` | Wizard Grey | white, 6.5 to 1 |
| 48 | `#4e5a65` | `oklch(46.18% 0.0236 242.97)` | Dark and Stormy Night | white, 7 to 1 |
| 49 | `#4a5660` | `oklch(44.67% 0.0226 245.71)` | Flapper Dance | white, 7.5 to 1 |
| 50 | `#47525c` | `oklch(43.22% 0.0216 248.33)` | Vermont Slate | white, 8 to 1 |
| 51 | `#444e58` | `oklch(41.85% 0.0207 250.79)` | Deepest Sea | white, 8.4 to 1 |
| 52 | `#424a54` | `oklch(40.58% 0.0197 253.01)` | Sea Mariner | white, 8.9 to 1 |
| 53 | `#3f4750` | `oklch(39.43% 0.0189 254.93)` | Alpine Duck Grey | white, 9.4 to 1 |
| 54 | `#3d444d` | `oklch(38.43% 0.0181 256.50)` | Blackbird | white, 9.8 to 1 |
| 55 | `#3c424b` | `oklch(37.58% 0.0174 257.66)` | Astrogranite Debris | white, 10.1 to 1 |
| 56 | `#3a4049` | `oklch(36.92% 0.0168 258.33)` | Indian Ink | white, 10.4 to 1 |
| 57 | `#393f47` | `oklch(36.46% 0.0164 258.47)` | Glaucophobia | white, 10.6 to 1 |
| 58 | `#383e46` | `oklch(36.23% 0.0162 258.02)` | Ferry | white, 10.7 to 1 |
| 59 | `#383e46` | `oklch(36.23% 0.0162 256.90)` | Ferry | white, 10.7 to 1 |
| 60 | `#393f47` | `oklch(36.50% 0.0164 255.07)` | Glaucophobia | white, 10.6 to 1 |
| 61 | `#3a4149` | `oklch(37.09% 0.0169 252.38)` | Cool Operator’s Overalls | white, 10.3 to 1 |
| 62 | `#3b434c` | `oklch(38.05% 0.0177 248.68)` | Astrogranite Debris | white, 9.9 to 1 |
| 63 | `#3e474f` | `oklch(39.36% 0.0186 244.05)` | Alpine Duck Grey | white, 9.4 to 1 |
| 64 | `#414c54` | `oklch(40.97% 0.0198 238.61)` | Abyssal | white, 8.8 to 1 |
| 65 | `#445259` | `oklch(42.85% 0.0211 232.47)` | Finnegan | white, 8.1 to 1 |
| 66 | `#48585f` | `oklch(44.95% 0.0226 225.73)` | Asher Benjamin | white, 7.4 to 1 |
| 67 | `#4d5f65` | `oklch(47.24% 0.0242 218.51)` | Marine Magic | white, 6.6 to 1 |
| 68 | `#52676b` | `oklch(49.69% 0.0258 210.91)` | Iron Creek | white, 6 to 1 |
| 69 | `#576f71` | `oklch(52.24% 0.0276 203.04)` | Juniper Berries | white, 5.3 to 1 |
| 70 | `#5e7776` | `oklch(54.86% 0.0294 195.01)` | Becker Blue | white, 4.8 to 1 |
| 71 | `#647f7c` | `oklch(57.52% 0.0312 186.92)` | Teal Stencil | black, 4.8 to 1 |
| 72 | `#6c8881` | `oklch(60.16% 0.0330 178.90)` | Marsh Creek | black, 5.4 to 1 |
| 73 | `#749086` | `oklch(62.76% 0.0348 171.04)` | Hawkesbury | black, 6 to 1 |
| 74 | `#7c978a` | `oklch(65.28% 0.0365 163.46)` | Azores | black, 6.6 to 1 |
| 75 | `#859f8e` | `oklch(67.67% 0.0381 156.26)` | Mossy Bench | black, 7.3 to 1 |
| 76 | `#8da591` | `oklch(69.89% 0.0397 149.55)` | Envy | black, 7.9 to 1 |
| 77 | `#96ab94` | `oklch(71.92% 0.0410 143.44)` | Green Amazons | black, 8.5 to 1 |
| 78 | `#9db197` | `oklch(73.70% 0.0423 138.04)` | Nurture Green | black, 9.1 to 1 |
| 79 | `#a4b599` | `oklch(75.20% 0.0433 133.46)` | Mow the Lawn | black, 9.6 to 1 |
| 80 | `#a9b89b` | `oklch(76.38% 0.0441 129.80)` | Laurel Green | black, 10 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f1eee4 0.000% 1.250%, #f0eee3 1.250% 2.500%, #efede3 2.500% 3.750%, #eeede3 3.750% 5.000%, #ecede3 5.000% 6.250%, #ebece3 6.250% 7.500%, #eaece3 7.500% 8.750%, #e8ece3 8.750% 10.000%, #e6ebe3 10.000% 11.250%, #e5ebe3 11.250% 12.500%, #e3eae3 12.500% 13.750%, #e1e9e3 13.750% 15.000%, #e0e8e2 15.000% 16.250%, #dee7e2 16.250% 17.500%, #dce5e1 17.500% 18.750%, #dae4e0 18.750% 20.000%, #d7e2df 20.000% 21.250%, #d5e0de 21.250% 22.500%, #d2dddc 22.500% 23.750%, #cfdada 23.750% 25.000%, #ccd7d7 25.000% 26.250%, #c8d4d5 26.250% 27.500%, #c4d0d1 27.500% 28.750%, #bfccce 28.750% 30.000%, #bac8ca 30.000% 31.250%, #b5c3c6 31.250% 32.500%, #b0bfc2 32.500% 33.750%, #aababd 33.750% 35.000%, #a4b5b8 35.000% 36.250%, #9eafb4 36.250% 37.500%, #99aaaf 37.500% 38.750%, #93a5aa 38.750% 40.000%, #8da0a5 40.000% 41.250%, #879ba1 41.250% 42.500%, #81969c 42.500% 43.750%, #7c9197 43.750% 45.000%, #778c93 45.000% 46.250%, #72878f 46.250% 47.500%, #6e838b 47.500% 48.750%, #6a7f87 48.750% 50.000%, #667b83 50.000% 51.250%, #637680 51.250% 52.500%, #5f727c 52.500% 53.750%, #5b6d77 53.750% 55.000%, #586973 55.000% 56.250%, #54646e 56.250% 57.500%, #515f6a 57.500% 58.750%, #4e5a65 58.750% 60.000%, #4a5660 60.000% 61.250%, #47525c 61.250% 62.500%, #444e58 62.500% 63.750%, #424a54 63.750% 65.000%, #3f4750 65.000% 66.250%, #3d444d 66.250% 67.500%, #3c424b 67.500% 68.750%, #3a4049 68.750% 70.000%, #393f47 70.000% 71.250%, #383e46 71.250% 72.500%, #383e46 72.500% 73.750%, #393f47 73.750% 75.000%, #3a4149 75.000% 76.250%, #3b434c 76.250% 77.500%, #3e474f 77.500% 78.750%, #414c54 78.750% 80.000%, #445259 80.000% 81.250%, #48585f 81.250% 82.500%, #4d5f65 82.500% 83.750%, #52676b 83.750% 85.000%, #576f71 85.000% 86.250%, #5e7776 86.250% 87.500%, #647f7c 87.500% 88.750%, #6c8881 88.750% 90.000%, #749086 90.000% 91.250%, #7c978a 91.250% 92.500%, #859f8e 92.500% 93.750%, #8da591 93.750% 95.000%, #96ab94 95.000% 96.250%, #9db197 96.250% 97.500%, #a4b599 97.500% 98.750%, #a9b89b 98.750% 100.000%);
background: conic-gradient(from 225deg, oklch(94.88% 0.0138 92.81) 0.000% 1.250%, oklch(94.70% 0.0137 95.78) 1.250% 2.500%, oklch(94.53% 0.0136 99.41) 2.500% 3.750%, oklch(94.37% 0.0135 103.62) 3.750% 5.000%, oklch(94.22% 0.0133 108.34) 5.000% 6.250%, oklch(94.05% 0.0131 113.51) 6.250% 7.500%, oklch(93.88% 0.0129 119.06) 7.500% 8.750%, oklch(93.69% 0.0127 124.91) 8.750% 10.000%, oklch(93.48% 0.0125 131.00) 10.000% 11.250%, oklch(93.25% 0.0123 137.25) 11.250% 12.500%, oklch(92.98% 0.0121 143.61) 12.500% 13.750%, oklch(92.67% 0.0120 149.99) 13.750% 15.000%, oklch(92.31% 0.0118 156.33) 15.000% 16.250%, oklch(91.91% 0.0117 162.55) 16.250% 17.500%, oklch(91.45% 0.0116 168.60) 17.500% 18.750%, oklch(90.92% 0.0116 174.40) 18.750% 20.000%, oklch(90.33% 0.0117 179.87) 20.000% 21.250%, oklch(89.66% 0.0118 184.96) 21.250% 22.500%, oklch(88.92% 0.0119 189.59) 22.500% 23.750%, oklch(88.09% 0.0122 193.69) 23.750% 25.000%, oklch(87.16% 0.0125 197.20) 25.000% 26.250%, oklch(86.11% 0.0130 200.26) 26.250% 27.500%, oklch(84.94% 0.0135 202.97) 27.500% 28.750%, oklch(83.66% 0.0142 205.37) 28.750% 30.000%, oklch(82.29% 0.0150 207.47) 30.000% 31.250%, oklch(80.82% 0.0159 209.31) 31.250% 32.500%, oklch(79.28% 0.0169 210.91) 32.500% 33.750%, oklch(77.68% 0.0179 212.32) 33.750% 35.000%, oklch(76.03% 0.0189 213.55) 35.000% 36.250%, oklch(74.35% 0.0199 214.64) 36.250% 37.500%, oklch(72.63% 0.0210 215.62) 37.500% 38.750%, oklch(70.91% 0.0220 216.51) 38.750% 40.000%, oklch(69.18% 0.0230 217.35) 40.000% 41.250%, oklch(67.47% 0.0239 218.16) 41.250% 42.500%, oklch(65.78% 0.0248 218.98) 42.500% 43.750%, oklch(64.13% 0.0256 219.84) 43.750% 45.000%, oklch(62.53% 0.0262 220.76) 45.000% 46.250%, oklch(60.99% 0.0268 221.77) 46.250% 47.500%, oklch(59.52% 0.0272 222.91) 47.500% 48.750%, oklch(58.14% 0.0275 224.19) 48.750% 50.000%, oklch(56.82% 0.0276 225.69) 50.000% 51.250%, oklch(55.44% 0.0275 227.53) 51.250% 52.500%, oklch(53.98% 0.0272 229.68) 52.500% 53.750%, oklch(52.46% 0.0267 232.08) 53.750% 55.000%, oklch(50.90% 0.0261 234.67) 55.000% 56.250%, oklch(49.32% 0.0253 237.39) 56.250% 57.500%, oklch(47.74% 0.0245 240.17) 57.500% 58.750%, oklch(46.18% 0.0236 242.97) 58.750% 60.000%, oklch(44.67% 0.0226 245.71) 60.000% 61.250%, oklch(43.22% 0.0216 248.33) 61.250% 62.500%, oklch(41.85% 0.0207 250.79) 62.500% 63.750%, oklch(40.58% 0.0197 253.01) 63.750% 65.000%, oklch(39.43% 0.0189 254.93) 65.000% 66.250%, oklch(38.43% 0.0181 256.50) 66.250% 67.500%, oklch(37.58% 0.0174 257.66) 67.500% 68.750%, oklch(36.92% 0.0168 258.33) 68.750% 70.000%, oklch(36.46% 0.0164 258.47) 70.000% 71.250%, oklch(36.23% 0.0162 258.02) 71.250% 72.500%, oklch(36.23% 0.0162 256.90) 72.500% 73.750%, oklch(36.50% 0.0164 255.07) 73.750% 75.000%, oklch(37.09% 0.0169 252.38) 75.000% 76.250%, oklch(38.05% 0.0177 248.68) 76.250% 77.500%, oklch(39.36% 0.0186 244.05) 77.500% 78.750%, oklch(40.97% 0.0198 238.61) 78.750% 80.000%, oklch(42.85% 0.0211 232.47) 80.000% 81.250%, oklch(44.95% 0.0226 225.73) 81.250% 82.500%, oklch(47.24% 0.0242 218.51) 82.500% 83.750%, oklch(49.69% 0.0258 210.91) 83.750% 85.000%, oklch(52.24% 0.0276 203.04) 85.000% 86.250%, oklch(54.86% 0.0294 195.01) 86.250% 87.500%, oklch(57.52% 0.0312 186.92) 87.500% 88.750%, oklch(60.16% 0.0330 178.90) 88.750% 90.000%, oklch(62.76% 0.0348 171.04) 90.000% 91.250%, oklch(65.28% 0.0365 163.46) 91.250% 92.500%, oklch(67.67% 0.0381 156.26) 92.500% 93.750%, oklch(69.89% 0.0397 149.55) 93.750% 95.000%, oklch(71.92% 0.0410 143.44) 95.000% 96.250%, oklch(73.70% 0.0423 138.04) 96.250% 97.500%, oklch(75.20% 0.0433 133.46) 97.500% 98.750%, oklch(76.38% 0.0441 129.80) 98.750% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.014 | 92.8 |
| 2 | 0.874 | 0.012 | 196.4 |
| 3 | 0.575 | 0.028 | 224.9 |
| 4 | 0.366 | 0.017 | 254.5 |
| 5 | 0.764 | 0.044 | 129.8 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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