Abyss Canyon color palette — #F7E9E3 · #458D94 · #00425B · #002411 · #000721

Navy and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7E9E3): bright and airy, almost weightless.
• Storm Blue (#458D94): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002411): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000721): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Antique Onyx color palette (#F2E1DA, #499DAB, #004F75, #00321F, #030A3F)
• Dusty Navy Thicket color palette (#EBE1DA, #3E89B0, #0026A2, #002320, #0C0026)
• Softworn Cabin color palette (#F7E8F3, #53B0BA, #0080A4, #006048, #000A18)
• Cobalt Delta color palette (#DFF3D7, #3CA59A, #2B73BD, #403000, #00100B)
• Cellar Forest color palette (#D1E8D9, #00744C, #003928, #1B232B, #000C06)
• Muted Ultramarine color palette (#F2E9DE, #7AA3C8, #3D3ACB, #003E40, #281041)
• Weathered Aubergine Studio color palette (#E9F0D5, #006232, #650072, #002811, #0F0012)
• Hushed Sapphire color palette (#F5EDE7, #90BDA6, #0067C1, #005144, #29294E)

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