Abyss Coast color palette — #DFFBFF · #BED1DC · #9FAAC6 · #6A8F8C · #31575C

Peacock and Mauve set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Oat (#BED1DC): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#9FAAC6): A luminous, dusty violet — the color of twilight just after sunset.
• Storm Blue (#6A8F8C): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#31575C): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged vintage, retro, 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 Veil color palette (#EEF6FF, #D4DEFA, #C5C3DA, #95A295, #3E564C)
• Ancient Delta color palette (#C8EFFF, #A9B5CE, #9586A5, #347170, #1B4858)
• Dusty Abyss Studio color palette (#CFE6F6, #8995BE, #825C7B, #005555, #002B42)
• Weathered Balcony color palette (#FAF3F7, #C3D8C3, #9CA071, #797A99, #415242)
• Pale Navy color palette (#E0E0F1, #A9A5DC, #A9698A, #006C78, #37367E)
• Worn Bronze color palette (#FFEFFF, #D7B9CA, #AE838B, #946A2C, #3F540E)
• Worn Pewter color palette (#EDF6FF, #B2C6F5, #A697DA, #8F609C, #564666)
• Lilac Workshop color palette (#F4F4FF, #D3B8E3, #B5B66E, #A477BC, #2D5746)

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