Misty Pine Harbor color palette — #FBF1FD · #A5EAE8 · #23ABD1 · #008A2E · #004076

Built around Kelly Green, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Sea Foam (#A5EAE8): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#23ABD1): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#008A2E): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#004076): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Faded Pine color palette (#FDF1FC, #7ADDE2, #009AC7, #00783A, #003169)
• Gentle Periwinkle color palette (#FFF0F9, #B5E2FC, #54A0EC, #00856D, #37396C)
• Feathered Coast color palette (#ECF9EE, #96F8F5, #00CDE2, #00AA81, #00475A)
• Weathered Lagoon Veranda color palette (#F9F3F7, #D6D5E8, #89B8D7, #529677, #43536E)
• Antique Wisteria color palette (#DBFDFB, #6CC582, #B983FF, #00873E, #47256E)
• Worn Denim color palette (#F2E8EF, #689BAE, #0059A2, #003D32, #07002A)
• Hazy Courtyard color palette (#EEE1E9, #8EB7D1, #3174C8, #005A4E, #1C134B)
• Muted Thicket color palette (#DEFFE4, #7FD895, #00A339, #006C1D, #002F1A)

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