Charred Harbor color palette — #F9EAF9 · #003B75 · #191C23 · #100207 · #01000A

Navy and Black set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EAF9): A whisper-light, dusty pink — the color of peonies in June.
• Navy (#003B75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#191C23): quiet, heavy and certain.
• Ink (#100207): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Eclipse Abyss color palette (#D2E3DC, #00415E, #262730, #080F13, #000107)
• Patina Cornflower Lagoon color palette (#FFF0FD, #5A8AFF, #3C2F6C, #220B20, #000201)
• Obsidian Onyx Cabin color palette (#CAE3FF, #514644, #002A53, #161019, #03000F)
• Eclipse Nightshade Orchard color palette (#F7E4F2, #2400B0, #2D1E1D, #110306, #020007)
• Indigo Balcony color palette (#F8DCEF, #5B60EC, #2D154A, #221514, #0B0007)
• Muted Denim Market color palette (#E7DECF, #71ABC3, #005A87, #002B2D, #000105)
• Shadow Aubergine Lantern color palette (#F7D5DC, #7A008F, #35413E, #24100F, #110009)
• Velvet Harbor color palette (#F8DEFA, #005CA8, #27183F, #030D10, #050006)

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