Misty Harbor color palette — #FFF1F6 · #C38343 · #2E8A4C · #2B579A · #392335

Fern takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C38343): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#2E8A4C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2B579A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#392335): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Amber Studio color palette (#FEF1F6, #C47E48, #7B7B1F, #006B80, #302740)
• Muted Bloom color palette (#E8FAF2, #959D59, #008D7B, #5857A4, #381E2F)
• Hushed Chapel color palette (#FFF3E6, #CD941C, #5E9853, #006E88, #251313)
• Soft Bloom color palette (#FCF1FD, #DE8892, #3C945E, #6547A8, #56272F)
• Denim Ridge color palette (#EAFBEB, #DEA187, #918847, #585C9A, #50333E)
• Amber Boulevard color palette (#DBE9DC, #AF8840, #345549, #223324, #1F151A)
• Mulberry Thicket color palette (#E9F9F7, #4AA259, #007893, #862876, #002819)
• Quiet Aubergine Field color palette (#D7F3EA, #628102, #006784, #6E027D, #151000)

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