Dusty Abyss Harbor color palette — #E4EDE9 · #C0B5BD · #A2858E · #004B68 · #0D241C

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

The five colors

• Cream (#E4EDE9): a clean, paper-quiet neutral.
• Ash (#C0B5BD): a calm mid-gray that lets other colors speak.
• Heather (#A2858E): A luminous, dusty rose — the color of a warm blush.
• Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#0D241C): 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 Harbor 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

• Aged Denim Cabin color palette (#DDE2E7, #AAB4C1, #7E8DB0, #00496B, #020C16)
• Antique Canyon color palette (#E8E2E7, #C6B3BA, #A68485, #113A98, #2A1829)
• Tempered Petrol color palette (#DBE8E3, #CDBFCC, #BC98B0, #006896, #0E241D)
• Aubergine Ridge color palette (#F4ECEE, #DAC7C6, #B6998E, #702F9A, #3D262E)
• Aged Ultramarine Villa color palette (#FDF1FB, #DFCDD3, #C59A9B, #1C48CE, #3F2B3D)
• Muted Basalt Harbor color palette (#C8EFF9, #568F9C, #2F557C, #3B4000, #003328)
• Tempered Boulevard color palette (#F0F7F5, #DDD5D2, #C8B8B4, #3E7AA7, #404A47)
• Tempered Aubergine color palette (#F3EBEF, #A99397, #886762, #2D0076, #15020E)

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