Patina Cobalt Pier color palette — #F0F6FC · #B2DDBF · #4983B0 · #3A5063 · #232D36

Cerulean takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Pistachio (#B2DDBF): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4983B0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#3A5063): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232D36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina 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

• Cerulean Atelier color palette (#EFF6FF, #E2D5CD, #6E88A8, #35485F, #141C25)
• Denim Boulevard color palette (#EEF6FF, #E4B597, #3F6088, #2C3A4A, #23232D)
• Weathered Bloom color palette (#ECF8F5, #F1DBB0, #7DA99D, #56746C, #1F2F2B)
• Hushed Lilac color palette (#F2F5FC, #C3CFFD, #AE87D5, #7887CB, #2C2C3A)
• Sapphire Bloom color palette (#F0F5FF, #FF97AB, #4C5FBE, #29356C, #0F1A30)
• Worn Pewter Veranda color palette (#F5F3FF, #F2B3A3, #915998, #533657, #22202B)
• Washed Orchard color palette (#F3F5FB, #DCD8DF, #BFAEB6, #9896C2, #505259)
• Coral Studio color palette (#F4F4FF, #BB9CD5, #D58176, #967250, #3C3C49)

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