Cobalt Pier color palette — #DCF2EB · #00927B · #007BBB · #6B6B00 · #000A07
Cerulean and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCF2EB): A whisper-light, dusty teal — the color of sea glass.
- Fern (#00927B): A full-bodied, balanced teal — the color of sea glass.
- Cerulean (#007BBB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#6B6B00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Ridge color palette (#D1E3E4, #008F95, #3060FD, #417700, #000A0A)
- Amethyst Balcony color palette (#CEE4EF, #0089B4, #8639F8, #007A53, #00090F)
- Faded Corridor color palette (#D6E7C7, #5E8E00, #008586, #935500, #040A00)
- Patina Teal Drift color palette (#CAEBE5, #00B3A2, #00857B, #00524A, #000504)
- Mulberry Balcony color palette (#CCE8DE, #007861, #A1006F, #8B0043, #000A07)
- Grape Chapel color palette (#CDF1E7, #007965, #6828BE, #673300, #000201)
- Magenta Hollow color palette (#DCE5F4, #4586FF, #C839C9, #008687, #030F2D)
- Patina Azure Workshop color palette (#BFECE2, #5AC0E7, #4CA2E0, #00926D, #002220)
Browse the whole catalog at Explore, or see today's palette.