Charred Harbor color palette — #EFEAFF · #5600A2 · #004221 · #002410 · #070017

Plum and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFEAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#5600A2): A deep, shadowed, vivid violet — the color of a velvet chair.
• Forest (#004221): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#002410): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#070017): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

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

• Inked Aubergine color palette (#E7E0FC, #720071, #004125, #002412, #0D000C)
• Midnight Summit color palette (#E9F1FD, #0019C4, #2D3C00, #172100, #00011E)
• Eclipse Navy color palette (#CFE3FA, #004285, #3E3600, #221D00, #000410)
• Washed Grape Delta color palette (#DDE0FF, #7D22C9, #00605C, #003C4B, #080015)
• Aubergine Bloom color palette (#F6E3E7, #6C007C, #5F1D00, #001F30, #030004)
• Shadow Grape color palette (#E1F6D7, #8400AA, #5E0700, #001D21, #1C0012)
• Aged Amethyst color palette (#EBEEFE, #7E32D9, #472D00, #330062, #000300)
• Worn Byzantium Veranda color palette (#E9DEFF, #8800E6, #006854, #00483A, #26143C)

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