Patina Cerulean color palette — #FBF2F5 · #C8DFF4 · #7089BF · #226E77 · #3E4662

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Powder Blue (#C8DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7089BF): A luminous, balanced violet — the color of wild irises.
• Teal (#226E77): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4662): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Petrol Cabin color palette (#F0F3EA, #C0E6DA, #6391C4, #00678A, #3B213A)
• Dusty Cerulean Basin color palette (#EFF7F7, #D6DAF1, #81A8D4, #1486AF, #344964)
• Timeworn Cerulean Pier color palette (#FCF2F9, #A4CDDA, #0A85A4, #006345, #203D56)
• Navy Harbor color palette (#F6E5EE, #478AA5, #003E6E, #002221, #03002E)
• Hushed Terrace color palette (#EDE0E9, #5AACBC, #005F83, #003F33, #001E44)
• Hushed Olive color palette (#E2FCF5, #89AD64, #967BB8, #4E721C, #4B3862)
• Softworn Turquoise color palette (#FBF4ED, #BDEFF5, #A2BDF8, #3CA9B7, #5B3D4E)
• Glacier Coast color palette (#E2FCF5, #BEE2F4, #87D4E0, #887C4F, #29504C)

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