Abyss Harbor color palette — #E6F0EC · #A5B8B2 · #9C849D · #004A66 · #000F08

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

The five colors

• Cream (#E6F0EC): bright and airy, almost weightless.
• Ash (#A5B8B2): A luminous, dusty teal — the color of glacier melt.
• Heather (#9C849D): A luminous, dusty pink — the color of peonies in June.
• Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000F08): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Hushed Abyss color palette (#DAE1DC, #A5B9AE, #6B9988, #004C5A, #020E06)
• Navy Villa color palette (#EBE3EA, #BFADB9, #A58195, #183A93, #10080F)
• Patina Petrol color palette (#E2ECF3, #B2C7DA, #92A7BF, #00698F, #10212D)
• Softworn Study color palette (#F0E6E9, #D7C7CA, #BD999D, #66447E, #1D1216)
• Aged Driftwood color palette (#F6F0F4, #DED4D4, #B9ACA4, #7880A8, #3A3438)
• Patina Aubergine color palette (#F7ECF2, #99888F, #855E6B, #2C0670, #040002)
• Worn Market color palette (#DDE4CD, #008E69, #005042, #003131, #040A00)
• Muted Aubergine Summit color palette (#F6DAF0, #7573A6, #5F3E7C, #451B23, #2A0504)

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