Patina Cerulean color palette — #FAF4EC · #CAE3D8 · #5D8FBC · #006F7A · #5A3C57

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#CAE3D8): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5D8FBC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3C57): A full-bodied, dusty pink — the color of peonies in June.

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

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

• Dusty Cerulean color palette (#F6F1EC, #C5E5D6, #6B8EC6, #006E63, #3E2132)
• Weathered Courtyard color palette (#F8F5EE, #A6CFC4, #5476BE, #005C75, #323563)
• Bronze Station color palette (#FFF1F6, #9579BA, #A86B2E, #007A6E, #4E2B3A)
• Periwinkle Pier color palette (#FAF3F6, #D3DFFE, #81A6DE, #338B7F, #3E4665)
• Cobalt Terrace color palette (#FFF1F6, #E7D5D0, #EAB2C4, #787DBE, #63484E)
• Timeworn Corridor color palette (#F0EAE1, #4E8A9A, #00425B, #002221, #000A17)
• Hushed Petrol color palette (#FFF4E2, #81C6C4, #007C8A, #005842, #003949)
• Wandering Market color palette (#EAE2D6, #88A88B, #006273, #003F33, #002331)

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