Cobalt Pier color palette — #CAF3EB · #00A293 · #0087E2 · #707E00 · #001613
Built around Azure, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CAF3EB): A whisper-light, dusty teal — the color of sea glass.
- Fern (#00A293): A luminous, balanced teal — the color of glacier melt.
- Azure (#0087E2): A luminous, vivid blue — the color of deep harbor water.
- Olive Leaf (#707E00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001613): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Linen Dune color palette (#CCE6D7, #00A66E, #0090B9, #8B7300, #00170B)
- Airy Grove color palette (#CAF8FA, #008F94, #3465F1, #427700, #000A0A)
- Violet Lagoon color palette (#CEF0FD, #009BC0, #816EDF, #008B52, #00151C)
- Wandering Veranda color palette (#DCEDFF, #40A3FF, #B778CF, #009C8E, #00203E)
- Moss Courtyard color palette (#D6F4F8, #00BACB, #7991FF, #32A803, #002A2F)
- Teal Atelier color palette (#CFEDE7, #00C8BA, #009488, #005E54, #00100D)
- Muted Plum Studio color palette (#D6EEE5, #00896C, #B51184, #9D1D42, #00160F)
- Grape Orchard color palette (#CBEEFF, #007AA0, #7048BE, #006948, #000204)
Browse the whole catalog at Explore, or see today's palette.