Tempered Petrol color palette — #EAF0EC · #CADDD2 · #A3BFB3 · #008090 · #243228

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EAF0EC): a clean, paper-quiet neutral.
• Silver (#CADDD2): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A3BFB3): A luminous, dusty teal — the color of sea glass.
• Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#243228): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Lantern color palette (#F1F7F1, #CDE3E4, #DCC4C7, #00878B, #162217)
• Muted Workshop color palette (#EAF1EE, #B5CAC3, #B39CB4, #006990, #0F241C)
• Washed Studio color palette (#E7F0F4, #CCD3E4, #B4B7C9, #20A4B2, #19323B)
• Cobalt Canyon color palette (#F2ECF2, #E3D1DF, #CDACC1, #4271B9, #342A33)
• Timeworn Courtyard color palette (#E6E6D1, #84B384, #12874C, #276151, #282B0F)
• Washed Aubergine color palette (#D8E4C0, #00A0CF, #006BB9, #6C1E79, #00283B)
• Aged Cobalt color palette (#D2F3E6, #007BAD, #06345B, #001C13, #000603)
• Softworn Cobalt Atelier color palette (#D2F5EB, #86A3D7, #7B80B9, #784D4E, #4E242F)

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