Misty Harbor color palette — #FFF2EE · #E54B5C · #008B6B · #005571 · #140200

A conversation between Poppy and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Poppy (#E54B5C): A luminous, vivid red — the color of embers at dusk.
• Fern (#008B6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005571): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#140200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, 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

• Powdered Peony Market color palette (#FFF2F0, #F35A95, #097C3E, #00585F, #170000)
• Washed Ember Grove color palette (#FFF2E9, #D66402, #008690, #0F4D8F, #120400)
• Powdered Coral Thicket color palette (#FFF2EC, #E8796A, #299D91, #006697, #260D03)
• Rust Basin color palette (#FFF2EC, #C54939, #007557, #00385C, #050005)
• Ancient Workshop color palette (#FFF3E8, #D47700, #00773D, #003B63, #1D0016)
• Aged Peony Boulevard color palette (#FFF1F3, #BB64B4, #737F00, #005A51, #170004)
• Misty Veranda color palette (#FFF4E2, #EF8028, #806800, #004759, #1E0E00)
• Timeworn Summit color palette (#E9D8E8, #B80034, #006248, #003D53, #320C0F)

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