Cobalt Pier color palette — #F3E8F0 · #5EC2D3 · #007FAC · #005B4A · #001F42
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E8F0): a clean, paper-quiet neutral.
- Cyan (#5EC2D3): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#001F42): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Antique Cobalt color palette (#F6E1E8, #6CBAF2, #4770C9, #005860, #1D183F)
- Timeworn Cerulean Atelier color palette (#FAF4EC, #91D9E7, #0087AC, #00524C, #000E1B)
- Patina Denim color palette (#F3E7F0, #6DAAB5, #005D8A, #00402A, #0B184E)
- Airy Azure Grove color palette (#F4E9E5, #A3CBB0, #3C9AD7, #00815C, #0D1553)
- Timeworn Archive color palette (#FFF1F5, #98D2FF, #4E84FF, #00717B, #302569)
- Tempered Periwinkle color palette (#FBF2F7, #C8EAFE, #77ABD4, #3B8980, #374864)
- Sky Cabin color palette (#B9ECE8, #00D6D1, #02B5EF, #62661C, #002E24)
- Jade Loft color palette (#E1F4ED, #00AF8C, #007955, #003E2E, #000D07)
Browse the whole catalog at Explore, or see today's palette.