Tempered Petrol color palette — #D9E8DE · #759477 · #45679A · #55340E · #2F1A00

A conversation between Slate and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Parchment (#D9E8DE): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#759477): A luminous, dusty green — the color of fresh herbs.
• Slate (#45679A): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#55340E): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2F1A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Lagoon Dune color palette (#E2E0C0, #6A9F77, #27757A, #642C37, #390F10)
• Worn Cocoa color palette (#E8F3DE, #8EAD98, #5473A7, #6C4400, #322D27)
• Weathered Atelier color palette (#DFF2E3, #6F98C5, #7659A1, #444315, #251E00)
• Denim Studio color palette (#D4E7C9, #03889C, #364A86, #452D00, #161600)
• Washed Bloom color palette (#DFF1E5, #589FC5, #486E97, #543C61, #4D232E)
• Linen Coast color palette (#DFF3E9, #00769A, #9E3900, #5C4A00, #000D14)
• Hushed Terrace color palette (#E9F8FF, #8DC1DB, #5A8CB9, #555376, #292039)
• Linen Cerulean color palette (#D1E7E5, #0094A1, #006486, #00385A, #01103E)

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