Worn Petrol color palette — #EDF7FE · #83B8D1 · #BF8D55 · #007EA4 · #644623

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

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Ash (#83B8D1): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#BF8D55): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#007EA4): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#644623): A full-bodied, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Hushed Petrol Quarry color palette (#E9F8FF, #76BDC8, #CC827D, #00818F, #5E425B)
• Amber Parlor color palette (#E7F6F0, #82BBE0, #CB8D50, #2C79A5, #35302B)
• Wandering Cobalt color palette (#F0F5FF, #9FADDF, #8FA25C, #5C6DB4, #475328)
• Apricot Cabin color palette (#EDF7FF, #91CCF3, #E5A068, #5394BD, #614350)
• Patina Azure color palette (#EEF6FF, #4799E0, #977C00, #005F9F, #473900)
• Amber Field color palette (#ECF7FF, #679FC3, #AD8040, #79732F, #2E4557)
• Wandering Chestnut color palette (#ECF9F0, #9DC1B6, #648B72, #795536, #344D4C)
• Weathered Sand color palette (#FBF1FC, #B5D9FF, #FDB392, #86ACD4, #743C0F)

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