Patina Cerulean color palette — #F0F7F2 · #D0DFDD · #B1C6C6 · #4B9DA9 · #3F4B42

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D0DFDD): a clean, paper-quiet neutral.
• Stone (#B1C6C6): A luminous, dusty teal — the color of sea glass.
• Cerulean (#4B9DA9): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3F4B42): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Hushed Turquoise color palette (#EFF7F9, #D7DCE7, #BFB1C4, #60BDC1, #41494C)
• Washed Pier color palette (#E2EEE7, #A8B9B1, #789F92, #005C70, #04190E)
• Muted Market color palette (#FBF2FA, #E9D4D7, #D8B6B8, #6385C9, #473B46)
• Dusty Olive Balcony color palette (#F6F6E7, #AECFAA, #729B7C, #5F7D3E, #434700)
• Patina Cerulean Canyon color palette (#D3EBE1, #359ACA, #35544C, #1E332B, #121B16)
• Sky Lantern color palette (#F2F9E2, #5CC0E2, #528CBD, #775384, #264439)
• Aged Balcony color palette (#D7FBF1, #D9C4D7, #B08CA1, #8C7170, #69463F)
• Hushed Periwinkle color palette (#E9FAF2, #A2F0FF, #7FD7FF, #77B1F2, #1A4135)

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