Tempered Petrol color palette — #E5E6C9 · #609B87 · #00798E · #392F00 · #00160A

Teal and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E5E6C9): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#609B87): A luminous, dusty teal — the color of glacier melt.
• Teal (#00798E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#392F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00160A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Thicket color palette (#E3E9DC, #29A7AE, #2769A5, #153B00, #001310)
• Tempered Delta color palette (#E8DFD3, #869663, #008068, #4E2400, #0F0D00)
• Patina Cypress Coast color palette (#E1EFE3, #529978, #007768, #193900, #000303)
• Pale Alley color palette (#EAF1D5, #45BD8B, #009E8F, #1D5500, #0C1200)
• Ancient Harbor color palette (#E6F5DD, #00C59B, #25A2BA, #7A6500, #001211)
• Aubergine Meadow color palette (#E3EEDE, #006A5B, #280073, #00231D, #02000D)
• Antique Boulevard color palette (#E1EDD9, #68BDD2, #6489DC, #155B03, #002929)
• Fern Ridge color palette (#E6F5D0, #8DDBD5, #66A6D0, #536B00, #263919)

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