Cobalt Pier color palette — #FFF2ED · #B2D9BD · #0089C3 · #006A46 · #2A3D6E
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Pistachio (#B2D9BD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0089C3): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006A46): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2A3D6E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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
- Misty Cabin color palette (#FEF3EA, #A1D6F6, #4A79E2, #006761, #423669)
- Worn Pine color palette (#FDF2F0, #CEE3CC, #4596B0, #277431, #245148)
- Cerulean Courtyard color palette (#ECF4EE, #9EDCE4, #0091B1, #006357, #00293D)
- Sunlit Navy Market color palette (#FFF2EC, #75C6D8, #0074B1, #00583F, #1C2578)
- Softworn Turquoise color palette (#F9F4EC, #ACE7EE, #00ACD2, #008475, #004564)
- Antique Denim Bloom color palette (#F3E6E2, #509DA2, #00516C, #003216, #001232)
- Hushed Cypress color palette (#FBF4EF, #CDE5E4, #AB8DAE, #357D6D, #63495A)
- Hushed Navy Studio color palette (#ECDDD2, #5B879F, #0B3388, #002320, #0C0026)
Browse the whole catalog at Explore, or see today's palette.