Cobalt Pier color palette — #FDF2F6 · #B0D3EE · #487ED1 · #00666A · #373773
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF2F6): a clean, paper-quiet neutral.
- Powder Blue (#B0D3EE): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#487ED1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00666A): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#373773): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Washed Cypress color palette (#FBF2F8, #C8E0EE, #5F90B5, #007267, #35476B)
- Gentle Study color palette (#F0F3E8, #9CD8FE, #0089D7, #005E77, #00254B)
- Timeworn Cabin color palette (#E6FAF9, #B5E2FF, #19A3FB, #007E9D, #18416D)
- Faded Sapphire Canyon color palette (#FFF1F6, #8CBEE4, #225FE9, #00555C, #311A7A)
- Gentle Navy Dune color palette (#F7E8EF, #5998B8, #00498C, #003030, #0C0047)
- Antique Abyss Drift color palette (#EFE1EB, #4F8B92, #004358, #002319, #000A18)
- Tempered Atelier color palette (#FDF3EB, #C8EAFF, #85B9FF, #00A5AA, #373A68)
- Muted Pier color palette (#DEFEF2, #9BAE3B, #8A45CE, #566400, #492270)
Browse the whole catalog at Explore, or see today's palette.