Weathered Petrol color palette — #ECF9F2 · #76BBD7 · #C08B6C · #297D9B · #524C47

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Cyan (#76BBD7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#C08B6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#297D9B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#524C47): quiet, heavy and certain.

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

Use it as a design system

One click turns Weathered 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

• Muted Cocoa color palette (#FEF0FE, #96B2DB, #B69164, #5273A5, #6B4300)
• Antique Petrol Hollow color palette (#E8F6ED, #82BECD, #C88D5F, #007F94, #48280D)
• Dusty Taupe Dune color palette (#F1F8ED, #74C1B0, #C4819C, #298372, #654340)
• Cerulean Meadow color palette (#EAF8FF, #93CFE0, #DFA277, #009CB9, #634151)
• Dusty Canyon color palette (#E2FDF1, #5AA1C7, #B5728E, #767B4D, #31483F)
• Muted Dune color palette (#E4FBF1, #EED8D4, #AFA79A, #769B7F, #435651)
• Moss Dune color palette (#FFF0F7, #A095D6, #859238, #67589F, #44433B)
• Hushed Azure color palette (#DFFDF4, #2699F2, #AA7100, #005FA0, #513400)

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