Cobalt Pier color palette — #E8F6F0 · #258AC1 · #586600 · #005435 · #07180C
A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F6F0): bright and airy, almost weightless.
- Cerulean (#258AC1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#586600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#005435): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#07180C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Pine Summit color palette (#FAEEF7, #A47D46, #33824F, #005250, #0E1E19)
- Frosted Olive Harbor color palette (#FEF1FA, #A2A9FF, #818500, #09698A, #041B12)
- Olive Garden color palette (#F9F1DE, #716800, #006354, #003F4C, #120510)
- Timeworn Violet Courtyard color palette (#FEEDF1, #9E6ABD, #006F6C, #004866, #200E1A)
- Tempered Loft color palette (#F6F3FF, #A1479E, #5C5F09, #384805, #182C3A)
- Misty Chapel color palette (#FCEEEE, #B65A99, #934900, #504500, #141606)
- Faded Wisteria Loft color palette (#F4F4FF, #AF73E8, #B25752, #0C6483, #1F2737)
- Muted Market color palette (#FFEEE1, #D47D9B, #A7494B, #564400, #341A15)
Browse the whole catalog at Explore, or see today's palette.