Abyss Coast color palette — #DFE8EC · #97A6B8 · #7C84AA · #004E5E · #000B12
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFE8EC): bright and airy, almost weightless.
- Blue Fog (#97A6B8): A luminous, dusty blue — the color of open sky before noon.
- Slate Blue (#7C84AA): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#004E5E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Abyss Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Petrol Coast color palette (#DEE6EC, #9C9FAE, #8587A6, #006C92, #010A13)
- Worn Abyss Field color palette (#DDEBE3, #C3B6C4, #A28999, #004355, #000201)
- Timeworn Onyx Villa color palette (#E0EDE6, #85A199, #82667E, #003040, #000D06)
- Dusty Dune color palette (#E5E9F4, #B5B1C6, #A18DA8, #5037AE, #0E1225)
- Cobalt Grove color palette (#EAEFF4, #D2D7E5, #B7B4D0, #0079B6, #21303C)
- Ancient Aubergine Bloom color palette (#CBEEE8, #3E80B5, #573E82, #263D00, #0D1A00)
- Indigo Field color palette (#F2F4FF, #E1D9F3, #E4ADB4, #7E61C7, #2F3242)
- Pine Studio color palette (#DFF2E8, #3F8746, #005146, #002F49, #000901)
Browse the whole catalog at Explore, or see today's palette.