Cobalt Pier color palette — #FAF0E7 · #9BDAF7 · #2986DA · #006260 · #192149
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAF0E7): bright and airy, almost weightless.
- Powder Blue (#9BDAF7): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#2986DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006260): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#192149): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Quiet Cerulean color palette (#FFEEE5, #8AE1E4, #0091B0, #006544, #002840)
- Wandering Basin color palette (#FFF0F7, #AAD4F0, #4E80C5, #00685B, #3C3671)
- Sapphire Canyon color palette (#FFEFE1, #60C7FF, #006CDF, #005154, #14084D)
- Soft Azure Bloom color palette (#EEF8F0, #B8E1FD, #40A3ED, #00818C, #223F6F)
- Aged Study color palette (#EDE1D9, #0098BF, #004D7D, #002C29, #01001E)
- Aged Quarry color palette (#DEEBCC, #00B960, #008966, #005651, #003036)
- Wandering Orchard color palette (#C4FFFD, #00C9B5, #00837B, #003E3C, #001312)
- Feathered Powder color palette (#E8F9D6, #9BF8FF, #84BAFF, #53884A, #173219)
Browse the whole catalog at Explore, or see today's palette.