Tempered Petrol color palette — #ECF9F1 · #7DBACF · #C6876E · #007F9C · #534B47
Cerulean and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Cyan (#7DBACF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Caramel (#C6876E): A luminous, balanced orange — the color of autumn markets.
- Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#534B47): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, 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
- Cobalt Villa color palette (#FEF0FB, #9CAEE0, #B39456, #5C70A9, #514C46)
- Petrol Corridor color palette (#E9F6ED, #86BECC, #C68D70, #007F95, #4B2612)
- Ancient Cypress Boulevard color palette (#F0F8EB, #84BEAC, #BC869C, #1B856D, #644341)
- Softworn Summit color palette (#EAF8FF, #92CFE1, #DDA188, #0B9CBA, #634155)
- Dusty Turquoise Coast color palette (#E3FCF0, #57A3C3, #AC7791, #7B7A3A, #33483E)
- Feathered Periwinkle Chapel color palette (#D9FFF3, #2DACFD, #9F5F00, #006197, #553100)
- Timeworn Cerulean Dune color palette (#D9FFF1, #A4D1EE, #5089AD, #1E5873, #0A3A50)
- Antique Driftwood Bloom color palette (#E7FBF1, #C0E8EF, #EECBDF, #6B8E72, #3C564F)
Browse the whole catalog at Explore, or see today's palette.