Tempered Petrol color palette — #EFE8DD · #83C0C3 · #00788D · #004D3F · #001925
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Ash (#83C0C3): A luminous, dusty teal — the color of glacier melt.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Forest color palette (#F3ECF2, #7DBEC1, #007295, #005427, #142E51)
- Worn Cerulean Courtyard color palette (#F5F1EA, #B0D1BA, #3386A6, #005C56, #00233A)
- Cobalt Veranda color palette (#F0E8DC, #94BEB1, #2F69BC, #004958, #0B0C40)
- Denim Coast color palette (#E5DDD0, #7EA792, #005F8A, #00393B, #000B1D)
- Weathered Abyss Study color palette (#E9E2D7, #428394, #00415B, #001F1F, #000104)
- Navy Delta color palette (#E5DFD5, #6A8EAD, #104496, #002A35, #02001C)
- Dusty Station color palette (#E7F1CC, #9CE0CC, #1EB2C7, #436A00, #0E1B00)
- Weathered Jade color palette (#B9F0D2, #44A573, #00693D, #00321D, #000602)
Browse the whole catalog at Explore, or see today's palette.