Abyss Coast color palette — #E7F0F3 · #BCD0DA · #89A4BA · #006164 · #1F3137

Peacock and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7F0F3): bright and airy, almost weightless.
• Oat (#BCD0DA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#89A4BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006164): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#1F3137): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Washed Ridge color palette (#E9F0F4, #ACBBC9, #7890B0, #004D5E, #0C222D)
• Wandering Denim Harbor color palette (#EEF6FF, #C9D3E6, #A89ED1, #005AA8, #283441)
• Antique Pier color palette (#EBF0E9, #C5DFD2, #C8AEC4, #00837C, #273125)
• Weathered Forest Grove color palette (#D7EAE1, #769851, #006725, #00493F, #013129)
• Faded Garnet Lantern color palette (#C8E8CE, #008792, #005082, #64001D, #002934)
• Petrol Orchard color palette (#C7ECF3, #66A0CB, #6163AB, #6B3129, #4C2C00)
• Navy Grove color palette (#E9EDF4, #9498AE, #6F6B8F, #1D196D, #040818)
• Wandering Atelier color palette (#D2E5EE, #007687, #5D00A0, #5B0500, #1C2300)

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