Dusty Abyss color palette — #E5EFEB · #B3A3B2 · #777CA5 · #003C5A · #031812

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#E5EFEB): a clean, paper-quiet neutral.
• Mauve (#B3A3B2): A luminous, dusty pink — the color of a candy shop window.
• Slate Blue (#777CA5): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#003C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031812): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Navy Villa color palette (#E8DEE8, #B6A3AF, #997283, #003474, #1B0F1B)
• Softworn Pier color palette (#DAE3DC, #99AFA4, #5A8A7E, #004046, #07180C)
• Hushed Atelier color palette (#E6F0F7, #A8B5CB, #9192B2, #005B79, #07161F)
• Aubergine Basin color palette (#EFE3E6, #C9B2B4, #AA837F, #5C2C6E, #291B1E)
• Patina Bloom color palette (#EAF9F5, #E1CBDC, #A59FD2, #005CA0, #193A33)
• Washed Corridor color palette (#FAF3F5, #E2D6D2, #C8ABAB, #6F578A, #42373B)
• Aubergine Grove color palette (#D3E4FD, #6C6DA0, #602E70, #3C2400, #0A1E07)
• Cellar Navy color palette (#E9D8EA, #004A8C, #4F0037, #1D1100, #000A06)

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