Misty Harbor color palette — #F8DFDB · #B84770 · #9F3300 · #004840 · #270623

A conversation between Burnt Sienna and Magenta Rose, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F8DFDB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Magenta Rose (#B84770): A full-bodied, balanced red — the color of embers at dusk.
• Burnt Sienna (#9F3300): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004840): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#270623): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Balance. Tagged jewel, vibrant, 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

• Hazy Brick color palette (#F9DBD1, #AD3440, #793F00, #003B41, #190008)
• Mulberry Harbor color palette (#F3DBD8, #C2618C, #A3365B, #004E43, #3F0023)
• Linen Brick color palette (#E1E0C3, #9F7FD2, #B62E45, #00515F, #351634)
• Patina Rose Study color palette (#FFF2EF, #C9617B, #9E5600, #00605D, #31100C)
• Rust Corridor color palette (#FAE5DB, #C34A33, #736000, #004561, #280300)
• Washed Plum Delta color palette (#FFE3E9, #A252B4, #B20053, #00511F, #230729)
• Aged Plum color palette (#EFEBFF, #C782C0, #B94468, #841700, #392000)
• Powdered Drift color palette (#FFE4DF, #C42A67, #502508, #2B0905, #0B0203)

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