Patina Pier color palette — #F1F3E8 · #84C6E2 · #007BAC · #00505D · #001C31

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Sky (#84C6E2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00505D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001C31): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Cobalt Drift color palette (#FFF0F8, #72C4E6, #0071BE, #005653, #1D296F)
• Softworn Cerulean Grove color palette (#F2F3E6, #B8DABB, #0094A3, #00635B, #002A33)
• Azure Thicket color palette (#E5FAF8, #80D8FE, #0097D5, #007082, #003659)
• Denim Dune color palette (#E7EAE0, #79A895, #005E8F, #003745, #000B1B)
• Lagoon Atelier color palette (#E0E0D0, #458580, #004546, #002019, #000202)
• Softworn Turquoise Boulevard color palette (#C7FFF6, #86DDDF, #00BFE4, #006E58, #002222)
• Petrol Veranda color palette (#F1F3EC, #C1E6DA, #6690C2, #00678A, #3B213A)
• Frosted Corridor color palette (#C2ECE0, #00856F, #006BA3, #555600, #00120E)

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