Tempered Petrol color palette — #EEE8DE · #9EBD9B · #007984 · #004D37 · #001921
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EEE8DE): a clean, paper-quiet neutral.
- Sage (#9EBD9B): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Dusty Cerulean color palette (#F5F1EB, #B4D0B8, #178AA2, #005D4E, #002434)
- Patina Denim color palette (#F4EDE2, #82A68E, #00617F, #003A36, #000C18)
- Hazy Forest color palette (#F5EBF6, #81BFBA, #00748B, #0F5409, #003052)
- Worn Petrol color palette (#EDE8E0, #90B9D6, #376CAC, #004956, #070E3E)
- Abyss Canyon color palette (#E9E0D3, #45838D, #004254, #00201C, #000103)
- Muted Cerulean Orchard color palette (#F6F1EA, #CCE3D6, #5795BD, #006C70, #3A213C)
- Aged Fern color palette (#F0E8D2, #828D56, #5F5600, #402E00, #061200)
- Timeworn Byzantium color palette (#FFE3E8, #91499C, #7A5700, #00575D, #17001B)
Browse the whole catalog at Explore, or see today's palette.