Abyss Coast color palette — #F8EDE7 · #428391 · #00415D · #00201A · #000106

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EDE7): bright and airy, almost weightless.
• Slate (#428391): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Worn Navy color palette (#EADED2, #518476, #142A93, #001F23, #010009)
• Patina Lapis color palette (#D5F0E1, #5E87B9, #6B55A3, #00332C, #000204)
• Lowlit Market color palette (#D0E4EF, #006485, #003446, #282329, #000911)
• Muted Denim Market color palette (#F5EBF2, #49A0B2, #006086, #003D32, #00081C)
• Twilit Corridor color palette (#D8F8E6, #005569, #740402, #00232C, #040000)
• Antique Cobalt color palette (#F0E7E0, #96BDAE, #306AB9, #004B4D, #100B3D)
• Shadow Garden color palette (#F0E3D3, #615100, #3B2400, #1D0700, #010100)
• Antique Cobalt color palette (#F9F0EA, #9FDAF1, #2488D2, #00635D, #101E56)

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