Tempered Petrol color palette — #EDF9F2 · #C6C082 · #6EA885 · #3E6798 · #2F1F2E

Slate takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9F2): a clean, paper-quiet neutral.
• Pistachio (#C6C082): A luminous, balanced green — the color of fresh herbs.
• Jade (#6EA885): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3E6798): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2F1F2E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Tempered Petrol Canyon color palette (#FAF2F8, #D8A092, #8E924E, #00718C, #2D2436)
• Dusty Petrol color palette (#FCF2F8, #F1BEB0, #83A57B, #4A6BA0, #572829)
• Softworn Pewter color palette (#EAF9F5, #A9C791, #2AA4B1, #865392, #192B1D)
• Aged Archive color palette (#EDF9F0, #C0AD71, #3E5B54, #1D3024, #130D10)
• Hushed Mulberry Thicket color palette (#EAF9F8, #67BD8C, #0088B0, #8C3178, #041B0E)
• Pewter Loft color palette (#EDF9EB, #FFD2B7, #A4A674, #7A65A5, #344434)
• Faded Orchard color palette (#E1FDEC, #B99E00, #008979, #6E00CA, #1E0B00)
• Mallow Market color palette (#FEF2F1, #E69FC7, #5DB5D5, #738BC5, #3C2C31)

Browse the whole catalog at Explore, or see today's palette.