Patina Cerulean color palette — #FCF3EF · #ABCFB9 · #427FA7 · #006156 · #223A63

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#ABCFB9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#427FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#223A63): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cornflower Harbor color palette (#FEF3E9, #A2D6F4, #2C7FDF, #006668, #32367A)
• Worn Cerulean Harbor color palette (#E9F5F3, #9AD2E2, #0088AE, #005A61, #002435)
• Wandering Thicket color palette (#F5EDE5, #93BBB0, #4662B5, #004E58, #2E2552)
• Hushed Cypress Archive color palette (#FBF4EE, #C1E6D9, #6F8BBB, #007077, #5B3D4F)
• Dusty Azure Station color palette (#F5F6EC, #B9DFC8, #00A4D1, #007B84, #184435)
• Hushed Lagoon Station color palette (#F4E3DA, #4E9F9A, #005360, #003218, #001623)
• Sky Workshop color palette (#FBF2F7, #ACECFD, #73BBE8, #509B8D, #253B59)
• Petrol Loft color palette (#FFF0FA, #EFC7D1, #EA99B4, #2D6BA6, #553242)

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