Deep Harbor color palette — #D0E7D4 · #B2252F · #4B2800 · #001010 · #040000

Ruby and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#D0E7D4): A whisper-light, dusty teal — the color of sea glass.
• Ruby (#B2252F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4B2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001010): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged retro, 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

• Obsidian Chestnut color palette (#E0F3E3, #974C00, #3C3100, #000F16, #020100)
• Velvet Delta color palette (#CFE9D4, #A32F6F, #620700, #001108, #040001)
• Inked Garnet color palette (#F5E6C8, #8E001A, #371C00, #001111, #0B0100)
• Rust Terrace color palette (#F0DFE9, #F26D94, #D34200, #6C4900, #030100)
• Raspberry Harbor color palette (#F3F2D0, #C8348E, #824B00, #003E61, #0D0001)
• Worn Bronze color palette (#F1E4C9, #927200, #314C00, #001843, #010100)
• Antique Amber color palette (#D9F8DF, #C17600, #5B5700, #002F46, #060300)
• Timeworn Delta color palette (#E0FFE6, #DE8962, #876500, #004855, #200D00)

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