Timeworn Petrol color palette — #EDF9F1 · #83BAC8 · #CA856B · #008096 · #534B47
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF9F1): bright and airy, almost weightless.
- Ash (#83BAC8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Caramel (#CA856B): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#008096): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#534B47): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Timeworn 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
- Cypress Courtyard color palette (#F1F8ED, #83BEAC, #BD83AC, #00866D, #654244)
- Timeworn Hollow color palette (#FCF1FA, #9AB0DC, #AF965B, #4B6FBD, #514C46)
- Softworn Courtyard color palette (#E8FAF2, #5BA2C3, #BB7367, #A56431, #2F493E)
- Moss Veranda color palette (#E6F5FB, #66C3D2, #9DA345, #00808F, #14392C)
- Muted Mustard color palette (#EEF8F1, #7ED3E7, #ADBA67, #389BAF, #4F4D46)
- Timeworn Azure Summit color palette (#DFFDF2, #43ADEB, #A35B00, #006390, #582F00)
- Antique Chestnut color palette (#FEF3E6, #C1B7A2, #987B54, #854E21, #534800)
- Tempered Lantern color palette (#E9F8FF, #86E6FA, #F8B595, #5DB7CA, #5E4453)
Browse the whole catalog at Explore, or see today's palette.