Tempered Petrol color palette — #F9F4EF · #CDE3E5 · #AE8CAB · #0B7D86 · #67475A
Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CDE3E5): A whisper-light, dusty blue — the color of deep harbor water.
- Dusty Rose (#AE8CAB): A luminous, dusty pink — the color of peonies in June.
- Teal (#0B7D86): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#67475A): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Ancient Summit color palette (#F9F4EF, #C4E5DB, #7488BE, #006F7D, #5D3C4E)
- Aged Cypress Ridge color palette (#FAF3F0, #CEE4E1, #76A593, #297F6D, #5F4B5F)
- Powder Harbor color palette (#F4F6F0, #C6E8EB, #82B6EA, #5D8EA4, #5C4C5C)
- Hushed Dune color palette (#F9EBE5, #83BCC9, #00709F, #005145, #0C2C59)
- Aged Bronze Grove color palette (#EAFBE8, #54A8A4, #B77282, #9B6041, #354833)
- Weathered Lagoon color palette (#F7F8D5, #92C6A9, #229986, #007275, #385B44)
- Patina Lagoon color palette (#F4E2D8, #479FA1, #005265, #00321F, #001626)
- Lagoon Market color palette (#E4FDE6, #9ED9D9, #3A9695, #005F64, #004142)
Browse the whole catalog at Explore, or see today's palette.