Misty Pine Harbor color palette — #FFF0FE · #54E3E5 · #009BC3 · #007831 · #003264

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Ice Blue (#54E3E5): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009BC3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007831): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Misty Pine 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

• Cornflower Meadow color palette (#FFF0F8, #77D9FF, #2A8CF5, #007463, #2D2962)
• Muted Delta color palette (#FFF2EC, #B9FDFF, #00ABCF, #007650, #002740)
• Linen Cobalt Villa color palette (#E7DAE5, #5CC3CE, #007FAD, #005D36, #071D45)
• Softworn Turquoise color palette (#E9F9F6, #99EAEB, #00C1D0, #00998A, #003A44)
• Aqua Lagoon color palette (#F6F7E2, #62CACE, #007C88, #00564F, #003A45)
• Turquoise Archive color palette (#FCF2F8, #B3F1FF, #75ABD5, #538772, #3C485F)
• Magenta Cabin color palette (#F0E5F2, #E554FF, #009790, #008250, #380D40)
• Wandering Ultramarine color palette (#F8E7F0, #57AECE, #0466BC, #004B3F, #110340)

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