Patina Cerulean color palette — #ECF4F1 · #DAD1CF · #A39E93 · #5688B3 · #2F3836

Built around Cerulean, softened by Taupe — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DAD1CF): bright and airy, almost weightless.
• Taupe (#A39E93): a calm mid-gray that lets other colors speak.
• Cerulean (#5688B3): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#2F3836): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. 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

• Antique Driftwood Parlor color palette (#F8F3F8, #E3D7DA, #B6ADA2, #927893, #565056)
• Patina Pewter color palette (#F7EFF1, #E0D5D0, #C7BAAF, #8A61A2, #34282C)
• Fern Cabin color palette (#F4F3E4, #82B3CF, #7970A2, #4B591F, #362537)
• Wandering Harbor color palette (#DFF9ED, #D5C2CF, #A9868E, #71671A, #324C08)
• Aged Cocoa color palette (#F8EEF6, #8A9ACD, #966448, #6C4009, #003020)
• Antique Workshop color palette (#F8F0E8, #CDC2A7, #798A62, #72586A, #33312A)
• Navy Thicket color palette (#EEE4EE, #988891, #806169, #00275A, #030003)
• Tempered Grove color palette (#F5E9F1, #727DBF, #4C333B, #271923, #060F0C)

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