Patina Cerulean color palette — #F8F3F8 · #E0D7D9 · #B3ABA2 · #6583AF · #565056

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E0D7D9): bright and airy, almost weightless.
• Ash (#B3ABA2): soft and architectural.
• Slate Blue (#6583AF): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#565056): quiet, heavy and certain.

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

• Tempered Stone Atelier color palette (#F0F6FD, #DAD9E3, #BAADB8, #6B6D62, #4E5359)
• Weathered Pewter Hollow color palette (#FBF3F4, #DFD8D5, #CDBBB1, #925E98, #514446)
• Terracotta Harbor color palette (#FFF2EC, #C499AF, #866B94, #88413C, #57404A)
• Weathered Lagoon color palette (#ECF4F2, #DAD1CE, #A7A191, #608D82, #2E3936)
• Navy Pier color palette (#EDE6EB, #A1969D, #806975, #0D0884, #11050F)
• Tempered Chapel color palette (#FDF1F9, #DBD3DB, #B7BDFF, #A280C8, #5A394C)
• Bronze Corridor color palette (#FFF1F5, #D9BBC0, #B18C8C, #975D33, #5A4C00)
• Dusty Nightshade color palette (#F3ECF0, #D5C8CD, #B099A0, #564497, #392831)

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