Tempered Petrol color palette — #E7F6EE · #85BDD1 · #CB8978 · #007E9C · #362F2C
Cerulean takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F6EE): a clean, paper-quiet neutral.
- Ash (#85BDD1): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#CB8978): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#362F2C): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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 Market color palette (#EDF5E8, #86C2AF, #C884A3, #00856B, #472625)
- Tempered Cobalt Workshop color palette (#F9EEF8, #9BB3E3, #AB9D54, #4E6FB4, #34312A)
- Ancient Delta color palette (#ECF9F2, #67BDDA, #B584C0, #267E97, #63434A)
- Wandering Workshop color palette (#E9F8FF, #7BD3E9, #EA9C6E, #2E9BB2, #614352)
- Hushed Loft color palette (#E0F8EE, #64A5C9, #BD796C, #A6672E, #0F2E23)
- Petrol Delta color palette (#F6EFF5, #D7BF9E, #4C6188, #203050, #1A1019)
- Chalky Atelier color palette (#DAFAF1, #4BAEFF, #B35600, #005F9B, #371600)
- Ancient Lagoon Canyon color palette (#E5F7EE, #F3D5D0, #E5BAB6, #529A92, #25413A)
Browse the whole catalog at Explore, or see today's palette.