Tempered Petrol color palette — #E1E4D8 · #81AD96 · #007096 · #004952 · #001625

A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E1E4D8): bright and airy, almost weightless.
• Sage (#81AD96): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#007096): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001625): 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

• Gentle Petrol color palette (#E8EBDF, #74A8CE, #0069B2, #00475D, #001232)
• Dusty Ridge color palette (#EEEEE1, #7D9C7E, #00646C, #003C35, #000C0F)
• Wandering Meadow color palette (#DFF3F1, #43C7F2, #007099, #003D45, #000307)
• Tempered Denim color palette (#EBDBD0, #499BB8, #004D7E, #00302D, #040A3E)
• Turquoise Dune color palette (#DFEDD9, #4EC7C4, #00A6BA, #006246, #001917)
• Patina Grove color palette (#EEF0E6, #A4D0B6, #2293BA, #006B73, #003249)
• Hazy Cobalt Harbor color palette (#E9DBE2, #37C1EA, #0089D7, #006E66, #030C3D)
• Weathered Emerald color palette (#D5E6D6, #009353, #006545, #004330, #001611)

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