Misty Harbor color palette — #F8E9F4 · #9C695C · #645000 · #401254 · #1D0127

Built around Royal Purple, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#9C695C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#645000): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#401254): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1D0127): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Chalky Market color palette (#F4E3FC, #A9646D, #704D00, #2A2C64, #0F0541)
• Hushed Bronze color palette (#FDDBD7, #986830, #435827, #471639, #260001)
• Aged Loft color palette (#F4DADE, #9E6A2E, #3D5D32, #171644, #00000C)
• Washed Navy Meadow color palette (#FFE1ED, #816694, #724144, #003659, #18082A)
• Bronze Pier color palette (#FDDEED, #896000, #333C00, #00222F, #040831)
• Dusty Onyx color palette (#F1E5D3, #6F7C35, #005429, #3A1654, #050700)
• Softworn Boulevard color palette (#EED9D0, #89847D, #376A32, #6D1F36, #371100)
• Antique Aubergine Chapel color palette (#EDDBCC, #B0876C, #7C6D3F, #5A3C7B, #500A1D)

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