Tempered Petrol color palette — #D2EBE5 · #72B49C · #00818A · #774255 · #042F32

Built around Teal, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D2EBE5): A whisper-light, dusty teal — the color of sea glass.
• Jade (#72B49C): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#774255): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#042F32): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Lagoon Quarry color palette (#F6F8DE, #83CDAD, #148784, #724236, #121C01)
• Cypress Workshop color palette (#D8EADF, #86B471, #008568, #625513, #02312B)
• Weathered Pine color palette (#D8EADA, #9EAE5E, #008845, #62487A, #063125)
• Softworn Emerald Cabin color palette (#E4E6D6, #36A271, #006355, #563608, #232D0E)
• Softworn Ash color palette (#EDF8F4, #ADDCDA, #6CA8A3, #6A847A, #3C5251)
• Dusty Lagoon Hollow color palette (#D3EAE7, #95C8A6, #54A382, #7A7747, #07321B)
• Linen Chapel color palette (#C5F8D8, #2CC389, #008960, #004B39, #001F16)
• Dusty Emerald color palette (#FFF1F6, #C1B677, #5E9138, #825935, #213C2E)

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