Misty Harbor color palette — #FFF2EE · #FF929C · #16B563 · #007DBA · #182968

Built around Clover, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#FF929C): A luminous, balanced red — the color of late-summer berries.
• Clover (#16B563): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#007DBA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#182968): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Jade Cabin color palette (#FFF2EE, #FF929F, #44B168, #00877F, #14286C)
• Weathered Coral color palette (#FFEEE6, #FF8B7F, #57A76E, #5C67B8, #272255)
• Washed Atelier color palette (#FFF2EA, #FF9869, #00B0A3, #0080AC, #411363)
• Aged Ridge color palette (#FFF1F3, #F9BB99, #B7B584, #6890BB, #27527B)
• Linen Terrace color palette (#FFF1F5, #D29BFF, #D48300, #00877E, #00354B)
• Hazy Summit color palette (#FFF4E1, #DAA500, #409500, #005E5A, #00243B)
• Patina Boulevard color palette (#FFE2C8, #F38A00, #00A08C, #7A3DCB, #460029)
• Honey Atelier color palette (#F9F5EA, #D9C77F, #72B3D1, #9479AE, #563552)

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