Cobalt Pier color palette — #EDD9DD · #0083D8 · #588800 · #081300 · #020200

Built around Azure, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EDD9DD): A whisper-light, dusty red — the color of late-summer berries.
• Azure (#0083D8): A full-bodied, balanced blue — the color of open sky before noon.
• Olive Leaf (#588800): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#081300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.

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

• Indigo Orchard color palette (#FFE7E3, #456EFF, #009037, #001804, #020200)
• Weathered Workshop color palette (#FFE6F2, #008FA0, #7A7E00, #0F1000, #020200)
• Weathered Chapel color palette (#E2E7D6, #00A650, #006E8D, #006A31, #000204)
• Worn Byzantium color palette (#F5E3DC, #9A40FF, #008B77, #00201A, #010200)
• Powdered Iris Chapel color palette (#F8DDD6, #8690FF, #00AE8F, #003429, #040902)
• Cypress Grove color palette (#ECF1E8, #8EA8A0, #63968F, #00755D, #060B03)
• Weathered Emerald Balcony color palette (#F9E7EB, #6BB5FF, #00B25B, #225131, #0C1001)
• Lagoon Courtyard color palette (#D3FAE9, #009586, #006B73, #004555, #000308)

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