Tempered Petrol Market color palette — #F3F3E6 · #85C2AC · #00858F · #6E4B46 · #212B17

Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Mint Leaf (#85C2AC): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00858F): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#6E4B46): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#212B17): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Tempered Petrol Market 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 Pine Villa color palette (#F9F1E4, #B9B58E, #358760, #6F4E00, #2A2814)
• Softworn Villa color palette (#E7F9DA, #7CCBA9, #008C6D, #005139, #001E13)
• Weathered Cerulean Villa color palette (#E8FAF5, #90D5BC, #469EA7, #7B6B82, #304749)
• Hushed Teal color palette (#EAF9F7, #BBE4F9, #51B1A3, #618061, #1E3E40)
• Lilac Parlor color palette (#EDF5E9, #58B8A1, #A974C3, #007662, #331C3E)
• Chalky Emerald color palette (#F0EACF, #94AE5D, #0E934A, #006353, #183519)
• Worn Lagoon color palette (#E9E7D7, #5D9D79, #006260, #343E12, #00170A)
• Muted Olive Atelier color palette (#FAF0E8, #B19E71, #5A6E00, #035249, #271900)

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