Abyss Coast color palette — #DFF2F5 · #B4D6E7 · #8FA9C7 · #005B4D · #000304
Pine takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Frost (#DFF2F5): A whisper-light, dusty blue — the color of open sky before noon.
- Powder Blue (#B4D6E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8FA9C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000304): quiet, heavy and certain.
Feels like: Calm, Sophistication. Tagged scandi, muted, light, cool.
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
- Abyss Thicket color palette (#E8F1F5, #A9BDD1, #8891AC, #00444E, #000102)
- Abyss Meadow color palette (#DFE4DD, #A1ADA4, #61897C, #00413B, #0B1806)
- Denim Terrace color palette (#EEF6FF, #E1D5EF, #BEB5D3, #2860A3, #070D15)
- Timeworn Azure Studio color palette (#D1F6E0, #00A1D1, #575189, #462909, #1A0B00)
- Hushed Moss Atelier color palette (#D6E7D4, #969300, #0E5E0C, #003236, #010100)
- Abyss Parlor color palette (#DDEFF3, #565055, #005765, #1D181E, #000417)
- Shadow Aubergine color palette (#CFEDEC, #007B4C, #5C0078, #221100, #020100)
- Hushed Villa color palette (#F3E2DF, #008A78, #004086, #3B0100, #000102)
Browse the whole catalog at Explore, or see today's palette.