Cobalt Pier color palette — #ECF8F3 · #E7D3D1 · #C4C1B2 · #0089BB · #002D1F

Cerulean and Deep Forest set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Bone (#E7D3D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#C4C1B2): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#0089BB): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002D1F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Corridor color palette (#EDF9EF, #CBE0DF, #A8B6D5, #008F97, #19291B)
• Ancient Orchard color palette (#EBF9F1, #F1D8DE, #E6B9B6, #00A8D3, #25382E)
• Tempered Cobalt color palette (#FAF2FB, #EAD6DA, #B9AF9E, #0080E0, #2D1F2F)
• Softworn Denim Quarry color palette (#E4F5FF, #C7D5E9, #A5A8CB, #006580, #051D29)
• Seafoam Basin color palette (#F4F9D9, #72DBB0, #009284, #006374, #002518)
• Weathered Lilac color palette (#FAF3F5, #E3D8D4, #C3C5BB, #B18CCE, #4A3A3F)
• Lilac Pier color palette (#EEF6FF, #C4C9FF, #AA7FC2, #8C591A, #363100)
• Muted Veranda color palette (#E9E1E9, #C6B5C1, #A58895, #003A77, #030004)

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