Misty Harbor color palette — #F2DAE6 · #B55600 · #2E5000 · #5A2700 · #000202

A conversation between Ochre and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F2DAE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#B55600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#2E5000): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#5A2700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Bronze Ridge color palette (#D8E7D8, #996A00, #00504C, #4C3200, #000202)
• Patina Plum color palette (#F2E4F2, #C23F54, #245200, #6D0020, #010200)
• Onyx Garden color palette (#F8ECDE, #865900, #274700, #290053, #050300)
• Eclipse Chestnut color palette (#F8EDDF, #7D5000, #173619, #2B1900, #020200)
• Antique Balcony color palette (#E4F0E4, #BA7C00, #626B00, #774E00, #020200)
• Charred Onyx color palette (#D7E4D6, #794D00, #004046, #300033, #050005)
• Washed Study color palette (#E2EAE2, #99A9A1, #688F88, #5D3E00, #000D02)
• Amber Coast color palette (#D1EDDA, #E27300, #8C7900, #006946, #050600)

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