Misty Harbor color palette — #EDFBDF · #30C298 · #B54482 · #9B393E · #22310E

Built around Magenta Rose, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Custard (#EDFBDF): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#30C298): A luminous, balanced teal — the color of shallow lagoons.
• Magenta Rose (#B54482): A full-bodied, vivid rose — the color of a warm blush.
• Burnt Sienna (#9B393E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#22310E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. 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

• Washed Raspberry color palette (#E0FFE5, #00B0BC, #C33491, #8A3A00, #343200)
• Antique Plum color palette (#E8FDE1, #00A898, #C11F74, #94275B, #302502)
• Ember Workshop color palette (#E6FEDA, #00AE94, #E14B3F, #A83F34, #213118)
• Lime Balcony color palette (#F8F9CD, #76BF2A, #A844AD, #9C3060, #2E2D0D)
• Softworn Bloom color palette (#DBFDFF, #30D3A6, #AF57C4, #C2002A, #002218)
• Misty Station color palette (#EAFAED, #00B3C5, #C87753, #995E43, #233929)
• Antique Pier color palette (#EBFCDB, #008B6B, #9B4272, #7D1E56, #003426)
• Soft Cobalt Terrace color palette (#FFF2EA, #00C0BF, #3587DB, #893700, #173E29)

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