Tempered Petrol color palette — #EFF0E0 · #9ABB9E · #007584 · #00504B · #003440

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

The five colors

• Cream (#EFF0E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9ABB9E): A luminous, dusty green — the color of fresh herbs.
• Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Dusty Lantern color palette (#F5F6EB, #A8D0B5, #25849F, #005F63, #0C4055)
• Antique Denim Corridor color palette (#E1E4D9, #7EAA94, #005F83, #003D46, #002237)
• Petrol Study color palette (#ECF1E2, #89B7DE, #2669B0, #004C66, #152C55)
• Aged Cypress Thicket color palette (#F5F6EE, #C9E3DF, #6BA3B2, #357B7A, #375144)
• Dusty Turquoise color palette (#E5F2EF, #A9DCEE, #00B8D0, #00918A, #003440)
• Timeworn Dune color palette (#EBEDE2, #408CA2, #004359, #002226, #000B14)
• Linen Navy Boulevard color palette (#EDF3E2, #5E94C6, #004791, #002D40, #000746)
• Mulberry Ridge color palette (#FFEBEB, #F3BCD1, #CE828D, #804980, #492626)

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