Misty Harbor color palette — #FFF1F6 · #FE6A71 · #B24100 · #3F4300 · #1F081C

Watermelon and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Watermelon (#FE6A71): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#B24100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3F4300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#1F081C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Plum Drift color palette (#FFF0F7, #E875AC, #BB2A4A, #513B00, #1C0823)
• Tangerine Archive color palette (#E3FEE3, #EC805A, #9B5700, #274A00, #230A00)
• Sunlit Chapel color palette (#E5FDE3, #FF957F, #BE6100, #415B00, #301828)
• Weathered Ember Lantern color palette (#DBF7DC, #D86128, #794700, #133400, #0A0200)
• Plum Dune color palette (#F5EADA, #B55371, #802E00, #003529, #240004)
• Marigold Garden color palette (#FFF4DA, #E39800, #867100, #00543D, #221600)
• Inked Scarlet Balcony color palette (#F7DCF2, #DA1725, #441100, #1D1211, #0B000A)
• Bronze Bloom color palette (#D2F1D7, #AB6100, #563E00, #002210, #020100)

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