Abyss Lagoon color palette — #DCECF1 · #8DA4B0 · #687F91 · #003F41 · #000508

A conversation between Deep Teal and Slate, giving this palette its sense of sophistication.

The five colors

• Frost (#DCECF1): a clean, paper-quiet neutral.
• Blue Fog (#8DA4B0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#687F91): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003F41): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000508): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss Lagoon 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

• Timeworn Thicket color palette (#DAE5ED, #828F9D, #5D6B86, #002E41, #000103)
• Worn Lagoon color palette (#DAE1DA, #9EADA6, #8E7789, #00413F, #081807)
• Navy Coast color palette (#E1E7F3, #AFB2C1, #8C8AA2, #333A81, #040A1A)
• Aged Abyss Drift color palette (#E4F1F4, #BFD3E1, #96A7C3, #005A57, #000304)
• Petrol Veranda color palette (#EEF2F9, #D8D3E1, #B5B6C4, #4F648F, #19212D)
• Hushed Navy color palette (#D6F6FD, #447598, #3B4276, #430C02, #0F0600)
• Lowlit Quarry color palette (#D1E6DC, #50751D, #004315, #00251F, #010400)
• Wandering Ultramarine color palette (#E4F2FA, #009B90, #00829E, #0232D7, #000204)

Browse the whole catalog at Explore, or see today's palette.