Cobalt Pier color palette — #F3F7EA · #A3D4FF · #4381CA · #006184 · #2B3F64
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Powder Blue (#A3D4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#4381CA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006184): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2B3F64): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Worn Petrol Summit color palette (#F0F5FF, #DED6E6, #BAABF6, #3372A8, #343F61)
- Airy Periwinkle Station color palette (#ECF9EF, #BCE0FF, #659AF3, #007E9A, #333B6C)
- Worn Glacier Field color palette (#F5F7E5, #71E2ED, #008FA3, #006763, #004858)
- Gentle Cornflower color palette (#E0ECFF, #2476FE, #AB37B0, #006F6E, #1D3050)
- Misty Azure Grove color palette (#E8EFD9, #3698D5, #004C83, #002D3D, #001232)
- Cerulean Garden color palette (#E5E8D5, #178FA4, #004455, #002224, #000B12)
- Frosted Azure color palette (#DAFFF4, #1199F4, #009843, #00609D, #0C471F)
- Feathered Powder color palette (#FEF3E8, #CEE8FF, #9EB1FF, #00A5A8, #493367)
Browse the whole catalog at Explore, or see today's palette.