Charred Harbor color palette — #F4D7E0 · #5D218B · #302400 · #20151C · #000803

Built around Plum, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4D7E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Plum (#5D218B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Espresso (#302400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#20151C): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Aubergine Drift color palette (#FAE3E6, #6A006A, #222100, #000C09, #00000B)
• Nightshade Alley color palette (#FFE3F4, #2B2B92, #391A00, #050A00, #000102)
• Aubergine Chapel color palette (#E4E5FF, #603D00, #430060, #231A00, #000B04)
• Shadow Mulberry Summit color palette (#F0E2CC, #963391, #610023, #021100, #040002)
• Velvet Garnet color palette (#E7DDEC, #AE5799, #6D0040, #1E0005, #040000)
• Pale Plum color palette (#FFF2F0, #B21473, #315000, #002D34, #020007)
• Lowlit Mulberry Courtyard color palette (#FEE0D7, #9A002C, #004322, #00141D, #030005)
• Hazy Byzantium color palette (#F4DEE3, #9F2FC4, #864100, #00433C, #060001)

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