Tempered Petrol color palette — #EAF5F0 · #A1CFBC · #9575A1 · #3B7A98 · #211015
Built around Slate, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#EAF5F0): bright and airy, almost weightless.
- Pistachio (#A1CFBC): A luminous, dusty teal — the color of sea glass.
- Slate Blue (#9575A1): A luminous, dusty pink — the color of a candy shop window.
- Slate (#3B7A98): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#211015): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Aged Petrol color palette (#F7EFF4, #BABFF0, #9E7393, #686CA2, #211112)
- Tempered Cerulean Harbor color palette (#EFF3ED, #B2CCA9, #5388B5, #2D8177, #051A15)
- Tempered Terrace color palette (#EEF7FA, #9CC8D9, #A46787, #007C86, #322A3A)
- Ancient Cerulean color palette (#EFF6FB, #AAD9F2, #A58FC9, #0099CD, #2B2C3D)
- Softworn Terrace color palette (#FBF0DF, #8DACE0, #7F6E9F, #684C29, #372632)
- Softworn Onyx Chapel color palette (#CDFEF0, #AEC2EB, #8684B6, #60487F, #441B48)
- Patina Driftwood Studio color palette (#F5F0F6, #DFD4D5, #B7ABA5, #917A92, #3A333B)
- Antique Terracotta color palette (#E7F6F0, #5393B9, #934E55, #5D4A0B, #162111)
Browse the whole catalog at Explore, or see today's palette.