Abyss Harbor color palette — #E5F1FC · #003F62 · #26252C · #390E00 · #000A0B

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

The five colors

• Frost (#E5F1FC): a clean, paper-quiet neutral.
• Navy (#003F62): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#26252C): a grounded near-black with real depth.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000A0B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Cellar Veranda color palette (#DAE7FB, #0C19A9, #363035, #291C00, #000A0C)
• Velvet Aubergine Harbor color palette (#ECEDFA, #560081, #28242A, #152300, #00090F)
• Softworn Navy Harbor color palette (#F5E4EC, #2F83A4, #00387C, #00201B, #010009)
• Cornflower Field color palette (#EAF2FF, #4578F8, #735600, #004242, #001D1D)
• Lowlit Fern color palette (#D8F3E1, #416328, #003224, #2C0015, #000201)
• Washed Lapis Hollow color palette (#E6EBF9, #5C4FDD, #544500, #002E30, #000E0F)
• Charred Aubergine Veranda color palette (#EBE9FF, #392723, #430055, #200B15, #080002)
• Midnight Garnet Lantern color palette (#DEECFF, #624780, #600024, #00201E, #000606)

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