Weathered Petrol color palette — #EBF7FE · #72BCD3 · #C58775 · #137F98 · #5F4356
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FE): bright and airy, almost weightless.
- Cyan (#72BCD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Caramel (#C58775): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#137F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5F4356): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Tempered Cypress color palette (#E9F9FA, #78C1A9, #C5829A, #21856B, #574560)
- Petrol Archive color palette (#E8F4FB, #81BDD8, #CB887F, #007DA3, #4C231E)
- Softworn Studio color palette (#EEF6FF, #8AB4E1, #B59262, #4B76A3, #395539)
- Muted Cerulean color palette (#ECF9EE, #90D1D8, #E2A074, #009FAB, #67442C)
- Wandering Cerulean color palette (#EBF7FF, #D8DAE4, #BCA7AC, #5E8C9C, #43505B)
- Hushed Turquoise Orchard color palette (#EBF7FF, #4CA4C6, #B17395, #7C7944, #2E4654)
- Denim Coast color palette (#ECF7FF, #98CBE9, #508CAE, #0D5773, #083B51)
- Soft Azure color palette (#EDF7FF, #29ADFA, #A05E00, #006294, #563000)
Browse the whole catalog at Explore, or see today's palette.