Cobalt Pier color palette — #F4F7ED · #A2D1C0 · #377DB7 · #005C75 · #483149
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7ED): a clean, paper-quiet neutral.
- Pistachio (#A2D1C0): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#377DB7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#483149): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Ancient Cobalt color palette (#F4F7EB, #9BCEE3, #0782B2, #005E6B, #1C4338)
- Ancient Cobalt Thicket color palette (#F7F1E8, #ADD1C3, #507FB3, #005967, #101D44)
- Tempered Coast color palette (#EEF8F0, #BED8ED, #6499D3, #04798A, #2B395D)
- Wandering Powder color palette (#FFF0FF, #D1DFFF, #AEADE6, #3D6C8C, #4E3A4C)
- Washed Azure color palette (#D7F7ED, #0095E6, #AC5591, #005B90, #4B2740)
- Quiet Quarry color palette (#D2E7FF, #007BDB, #9149A7, #006961, #38223B)
- Softworn Coast color palette (#F5F6EA, #C8E5CB, #3D99A5, #0F7168, #31503D)
- Wandering Navy color palette (#E2E7D9, #4486B9, #003D72, #00202E, #000721)
Browse the whole catalog at Explore, or see today's palette.