Cobalt Pier color palette — #E9FAF2 · #F3D3EC · #D9B1BF · #0082AE · #22382F

Cerulean and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Thistle (#F3D3EC): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#D9B1BF): A luminous, dusty rose — the color of strawberry cream.
• Cerulean (#0082AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#22382F): 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

• Indigo Workshop color palette (#FBF2F9, #F1D5DF, #D6B4B5, #4871D4, #3C2D3A)
• Lagoon Meadow color palette (#EFF8EF, #CBE5DB, #B1BCE6, #00888C, #263828)
• Patina Coast color palette (#EEF8F4, #EFD6DF, #E6B7C3, #0BA0F3, #0F3B31)
• Softworn Alley color palette (#EEF6FE, #C8D4E1, #98A8BF, #005F95, #233544)
• Softworn Ash Orchard color palette (#FCF2F5, #E4D9D3, #CCBFAF, #9A84AF, #4F4448)
• Aged Denim Courtyard color palette (#F4E4EB, #DABBBD, #B79E97, #685196, #271B20)
• Ash Corridor color palette (#EEF8F4, #DFD4D0, #A3A89C, #699DA3, #4D5552)
• Pale Veranda color palette (#CCF3DB, #009CBA, #C50024, #474D00, #242700)

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