Misty Harbor color palette — #DEF1FE · #0087B5 · #743685 · #572100 · #091900

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

The five colors

• Frost (#DEF1FE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0087B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#743685): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#572100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#091900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Dusty Quarry color palette (#DEF1F8, #008D92, #524893, #65001E, #181400)
• Tempered Drift color palette (#E3EEFF, #5B7BB8, #8C2C56, #403200, #001916)
• Aubergine Dune color palette (#EFF4E6, #008D5E, #763087, #374000, #002E1B)
• Byzantium Studio color palette (#E7F6EF, #00A3D9, #A343A9, #774000, #00351A)
• Antique Driftwood color palette (#CCE6FA, #8BA5C6, #7C719A, #644154, #15311D)
• Moonless Courtyard color palette (#D3E8FB, #005D8F, #600051, #271500, #000502)
• Airy Lantern color palette (#E5FAFB, #48BF92, #7C65B7, #544A00, #002216)
• Chalky Byzantium color palette (#EBE9FE, #9047A3, #6D3500, #003113, #000B1A)

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