Cobalt Pier color palette — #D9ECCC · #00AE8F · #0092D6 · #7F7C00 · #223016

Built around Cerulean, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D9ECCC): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#00AE8F): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0092D6): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#7F7C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#223016): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Antique Moss color palette (#E4E8CA, #46AF45, #009BAC, #9E6C00, #2B2E0A)
• Cornflower Field color palette (#CDEED6, #00A8BC, #6E7BF0, #448A42, #163220)
• Patina Aqua color palette (#ECFBE1, #B4F1E9, #3DD6E9, #529879, #304129)
• Patina Lagoon Terrace color palette (#E8FED6, #65D3B2, #009779, #005A46, #002B20)
• Feathered Magenta color palette (#FCE1FF, #3C9FFE, #C356E7, #009185, #143250)
• Tempered Lilac Corridor color palette (#E7FBF2, #6CBDE3, #AB96E2, #5AA484, #33483F)
• Plum Loft color palette (#DDEBCA, #009062, #9B4A89, #873E5E, #253010)
• Softworn Mint color palette (#C2EEF0, #32CA99, #9E96F7, #CF7E56, #003335)

Browse the whole catalog at Explore, or see today's palette.