Cobalt Pier color palette — #CCF0D2 · #46B3CD · #0089BB · #00598B · #563B56

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CCF0D2): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#46B3CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0089BB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00598B): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#563B56): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Worn Coast color palette (#DEF1EE, #00B9C9, #0084AD, #2C4B7B, #412337)
• Hazy Sapphire Market color palette (#CAF6E4, #6BA3E5, #4270D5, #4A4E92, #603E50)
• Soft Aqua color palette (#B4FAE9, #00D0EE, #259ACE, #456EA1, #404C6B)
• Timeworn Amber color palette (#E8FAF3, #60A8D6, #C37236, #006D9E, #47413C)
• Softworn Teal Boulevard color palette (#C0F9E7, #2EBCAD, #00868C, #00606E, #294F3F)
• Powdered Nightshade color palette (#C9E8F5, #00A1E4, #0061BB, #1800CC, #2A2277)
• Faded Workshop color palette (#FEF0FF, #86BFF7, #2873C6, #00447D, #0F304F)
• Ancient Mallow Canyon color palette (#E3FCF4, #FFE4F9, #C8B0E7, #4D8598, #574856)

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