Charred Harbor color palette — #DBECF1 · #434047 · #003F40 · #13141A · #00080B

Deep Teal and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#DBECF1): bright and airy, almost weightless.
• Charcoal (#434047): a grounded near-black with real depth.
• Deep Teal (#003F40): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#13141A): quiet, heavy and certain.
• Ink (#00080B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Nocturne Alley color palette (#DFEFFF, #605456, #00395E, #23191F, #000519)
• Spruce Basin color palette (#CBE5E2, #645B58, #004318, #1B1B22, #000904)
• Timeworn Cerulean Study color palette (#DBF2F0, #4794B4, #004F71, #002B32, #00050C)
• Shadow Harbor color palette (#D9E4EF, #0072AB, #102A4A, #001122, #000409)
• Worn Petrol color palette (#CCE7E9, #007389, #204B65, #2D1E42, #110016)
• Twilit Aubergine color palette (#DCF1FF, #004F72, #520B8B, #00382A, #000103)
• Velvet Quarry color palette (#CFEDDA, #6F6B21, #343A00, #102400, #030300)
• Aubergine Quarry color palette (#D7EEFF, #006486, #7B0077, #002E41, #080007)

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