Misty Pier color palette — #FDF1FB · #9FF5FF · #5AC3F9 · #29AA6E · #273E6B

A conversation between Kelly Green and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Sea Foam (#9FF5FF): A whisper-light, balanced blue — the color of open sky before noon.
• Sky (#5AC3F9): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#29AA6E): A luminous, balanced teal — the color of glacier melt.
• Navy (#273E6B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Muted Orchard color palette (#FFF1F6, #C8EAFF, #91B5FF, #00A69D, #413666)
• Washed Studio color palette (#F5EBF2, #93E1F4, #5BACEA, #249371, #232B4C)
• Worn Lagoon color palette (#E5F9FF, #D7D9EB, #FABCDE, #6FBA80, #2D4C61)
• Dusty Harbor color palette (#FBEFE9, #96DEE7, #008FBA, #00644D, #002647)
• Iris Bloom color palette (#EEDEE5, #75CAFF, #698DE8, #007D79, #22163E)
• Aged Mint color palette (#95F9C1, #00DFB7, #00BBCA, #008EC2, #1E4477)
• Dusty Coral color palette (#E9F8FF, #90E9FF, #E97F7F, #00A9C6, #642023)
• Sapphire Workshop color palette (#F2E3E9, #53ACD5, #3270D2, #005E55, #0A0027)

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