Tempered Petrol color palette — #EEE8E0 · #7EC2BE · #007985 · #004D38 · #001922
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE8E0): a clean, paper-quiet neutral.
- Mint Leaf (#7EC2BE): A luminous, dusty teal — the color of glacier melt.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Muted Petrol Balcony color palette (#EFE8DC, #8BBBD6, #376FA3, #004A53, #041238)
- Tempered Atelier color palette (#F7F1E7, #AED2B4, #008AA5, #005D4F, #002434)
- Wandering Forest color palette (#F4EBF5, #8ABAC7, #00748E, #005412, #002F56)
- Dusty Denim color palette (#E7E0D5, #65A8B7, #006180, #003A37, #000C19)
- Softworn Lagoon Meadow color palette (#ECE6DC, #43838E, #004255, #00201C, #000103)
- Worn Cerulean Boulevard color palette (#F5F1EA, #C1E6D3, #5B94BC, #006C70, #39223B)
- Worn Byzantium color palette (#F5E7F6, #983FA4, #795800, #00575D, #17001B)
- Worn Moss color palette (#ECE7D9, #808F45, #5E5700, #3F2E00, #100F00)
Browse the whole catalog at Explore, or see today's palette.