Cobalt Pier color palette — #F8F5E9 · #B1BB81 · #0C87D1 · #6D7A00 · #021E17
Built around Cerulean, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Sage (#B1BB81): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#0C87D1): A luminous, balanced blue — the color of open sky before noon.
- Olive Leaf (#6D7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#021E17): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Olive Veranda color palette (#F6F6E9, #9DC186, #557CD5, #488400, #231021)
- Bronze Chapel color palette (#F9F4ED, #CCB16E, #009299, #8C6D00, #0A1D0E)
- Ancient Cornflower Veranda color palette (#EDF8F3, #D0D96D, #5489DE, #777D00, #000512)
- Frosted Cobalt color palette (#F6F2E3, #979D30, #0077BD, #744200, #2C2E00)
- Gentle Ridge color palette (#F5F7E8, #94E27D, #00B7C9, #63AB4E, #081D0F)
- Patina Terracotta color palette (#FFE9E2, #80B175, #00869D, #8E303B, #003A2A)
- Frosted Fern Station color palette (#ECF8F6, #71AB61, #006A78, #1E5F00, #011C26)
- Moss Courtyard color palette (#EFEEDF, #76A240, #0063A9, #3C5E00, #000503)
Browse the whole catalog at Explore, or see today's palette.