Misty Pier color palette — #FFF2EE · #8DDFDD · #008DAE · #006C20 · #15416C
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#8DDFDD): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#008DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006C20): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#15416C): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Softworn Cobalt color palette (#FFF2EA, #92DBF2, #0083DB, #006954, #35396E)
- Faded Corridor color palette (#FFF2ED, #5ECBCF, #00799D, #005A29, #003169)
- Dusty Cerulean color palette (#E6F7E9, #74E5E4, #0093A5, #00644D, #002A37)
- Misty Turquoise Ridge color palette (#FBF4EA, #76F2F1, #00AFC4, #008568, #00475B)
- Cerulean Garden color palette (#FAF4EF, #BEE7D8, #7189C0, #0E716D, #593F4B)
- Gentle Quarry color palette (#BEF2B3, #00BB8E, #007F7B, #005D71, #004367)
- Dusty Turquoise Harbor color palette (#E5FAFF, #00BCD8, #007586, #004352, #002B30)
- Bronze Ridge color palette (#DBF4D3, #009485, #B25300, #755500, #003933)
Browse the whole catalog at Explore, or see today's palette.