Patina Petrol color palette — #ECF7FE · #8BB7CF · #CC8371 · #007F9C · #624059

Cerulean and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FE): a clean, paper-quiet neutral.
• Ash (#8BB7CF): A luminous, dusty blue — the color of deep harbor water.
• Coral Clay (#CC8371): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#624059): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Petrol 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 Pine color palette (#E6FAFB, #86BEA8, #C2849A, #008766, #683F4E)
• Washed Cobalt color palette (#EEF6FF, #93B3D6, #BC8F58, #3675B5, #3B5538)
• Ancient Harbor color palette (#E8F6EF, #7CBDDC, #C082C3, #167CA1, #46262D)
• Bronze Cabin color palette (#EBF7FF, #61A1BE, #BD745A, #A56435, #2E4654)
• Worn Cerulean color palette (#ECF7FD, #83D2E8, #AABA73, #1E9CB7, #32554A)
• Worn Chestnut color palette (#EFF8EF, #A7BFB0, #957C57, #7F5136, #334E45)
• Airy Basin color palette (#EEF6FF, #51A9F8, #B64900, #005FA0, #632400)
• Shell Cabin color palette (#E7FBEF, #8EE3FF, #FEB19E, #6AB4CD, #534B47)

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