Deep Harbor color palette — #CCF0F2 · #004448 · #541D00 · #2A1900 · #000202

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

The five colors

• Frost (#CCF0F2): A whisper-light, dusty blue — the color of open sky before noon.
• Deep Teal (#004448): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#541D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Charred Navy Quarry color palette (#D6E7FD, #003B73, #3F2E00, #1B2001, #000104)
• Nocturne Garnet color palette (#CFEFDB, #00482B, #5C003A, #3F0008, #000201)
• Muted Mulberry Garden color palette (#CDE3E8, #005F6E, #77006F, #3D3000, #000102)
• Petrol Archive color palette (#D9EAEE, #006B80, #003140, #221E24, #00090C)
• Dusty Garnet color palette (#D7F0FE, #006377, #940014, #572A00, #000203)
• Lowlit Chestnut color palette (#F4E4D6, #664E00, #412000, #240001, #010100)
• Eclipse Nightshade Market color palette (#DBDEEE, #3A00CB, #483E00, #1E2F09, #01000A)
• Worn Ultramarine color palette (#DBE7F7, #0053B1, #674400, #3B3800, #00030E)

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