Patina Cerulean color palette — #EFF8F1 · #CDE0E3 · #DBC2C4 · #008694 · #17211A

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

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Silver (#CDE0E3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Oat (#DBC2C4): A whisper-light, dusty red — the color of a theater curtain.
• Cerulean (#008694): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#17211A): 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

• Cobalt Pier color palette (#FBF1FC, #E7D7D7, #D3BBB2, #4978B4, #241B24)
• Aged Pine color palette (#F3F6EE, #CEE4DE, #AACACC, #2A8A5D, #1C2015)
• Cerulean Terrace color palette (#EEF8F2, #E7D3D0, #A9AB9F, #4696AB, #27312B)
• Softworn Pier color palette (#E3EBE6, #C3CFC9, #8BACA1, #005F73, #071A10)
• Velvet Cobalt color palette (#CFEDE3, #007EBC, #37192B, #121F22, #000503)
• Lagoon Station color palette (#FFF4DC, #9FC98B, #008B6C, #2D5B4A, #1A1A01)
• Feathered Brick color palette (#E1FEE8, #00A4B5, #B02832, #4F3100, #150A00)
• Hazy Boulevard color palette (#FFF3E8, #00B8C2, #585AC9, #5D3400, #00170E)

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