Cobalt Pier color palette — #FBF3EF · #ACCEBB · #3A7CB9 · #00624E · #4E2F44
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#ACCEBB): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#3A7CB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#4E2F44): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Weathered Alley color palette (#FBF3F1, #97D2CD, #0086A1, #2A6126, #1B3D5B)
- Iris Study color palette (#F9F4EF, #BEE7D8, #6A87D0, #14706D, #5E3B4C)
- Cornflower Villa color palette (#FEF3E9, #95D8FF, #4477EA, #006761, #413765)
- Ancient Lapis Chapel color palette (#F7EDE2, #8CBDAF, #4E57CD, #004F52, #342547)
- Cerulean Veranda color palette (#E9F6EC, #92D3E8, #4184A9, #005B5B, #07223A)
- Powdered Rust color palette (#DEF5E9, #009CC2, #C35000, #006079, #56250C)
- Teal Ridge color palette (#D1F3E5, #00ABA7, #00758D, #004C70, #253458)
- Aged Garden color palette (#DFFEEC, #B6D5FF, #C894CA, #277A69, #294339)
Browse the whole catalog at Explore, or see today's palette.