Cobalt Pier color palette — #D4EEFF · #69B0D6 · #0981BA · #005E99 · #304B6C
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4EEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#69B0D6): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0981BA): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005E99): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#304B6C): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Sky Coast color palette (#CEF1FF, #72D4FF, #54B8F1, #588FBD, #324C6B)
- Ancient Petrol color palette (#BCFAF8, #54BCC0, #008592, #00697B, #115164)
- Weathered Ridge color palette (#DEECFF, #8BA2DA, #6271C1, #504CAA, #4A456F)
- Navy Alley color palette (#EFF6FF, #99B6E2, #4D70B3, #19428A, #1A2F59)
- Emerald Canyon color palette (#EDF7FF, #6DA7CE, #589D54, #006D9F, #284C26)
- Powdered Azure Cabin color palette (#B6F5F9, #5ED2F1, #009DDD, #446FB2, #5D3E54)
- Hazy Violet color palette (#ECF7FF, #3B92C2, #8969B2, #007B61, #233B4D)
- Airy Petrol Workshop color palette (#DCEBF6, #0071B1, #003A6F, #001D52, #160035)
Browse the whole catalog at Explore, or see today's palette.