Misty Harbor color palette — #FFF2F0 · #F88BB0 · #6DB174 · #40844A · #361D1A

Built around Bubblegum, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#F88BB0): A luminous, balanced rose — the color of pressed rose petals.
• Jade (#6DB174): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#40844A): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#361D1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Wandering Moss Market color palette (#FFF1F0, #EEA0C1, #759828, #325B9B, #401E2F)
• Lilac Boulevard color palette (#FFF1F6, #BE9EFA, #8FA95C, #657D33, #311E26)
• Sunlit Blush color palette (#FFF2F0, #F68CB3, #2CB0C2, #1F808D, #351D1B)
• Pale Blush color palette (#FFF2F0, #FE69AC, #00A7A7, #6851BA, #2E110F)
• Pale Canyon color palette (#FFF1F7, #BAA1FA, #66B36A, #227D9F, #331C27)
• Dusty Mallow color palette (#FFF2F0, #FBA6C5, #59C4AB, #6882B2, #402C2A)
• Timeworn Amber color palette (#FEECF9, #C06B5C, #6B7E3C, #485A0F, #251321)
• Weathered Raspberry Quarry color palette (#F9F2FF, #B75F8D, #587D4B, #005F60, #382E41)

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