Tempered Petrol color palette — #DFE0CD · #6AAFB6 · #007384 · #004A48 · #00171F
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#DFE0CD): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#6AAFB6): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): 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
- Dusty Petrol color palette (#EEF2E4, #73A9CC, #006AAC, #00475B, #00132E)
- Petrol Veranda color palette (#E2F2EF, #79C5CE, #007486, #003E3C, #000305)
- Tempered Cerulean Pier color palette (#F2E5EF, #68C0CA, #0090B9, #007054, #00152A)
- Timeworn Workshop color palette (#F5F6EE, #BBDFC6, #32A4C3, #057B7F, #194433)
- Antique Forest Ridge color palette (#CCF3E1, #52C5A9, #00A3A0, #046630, #00231A)
- Weathered Emerald color palette (#C9EEDB, #00A471, #006543, #003322, #000502)
- Wandering Pine color palette (#E3F1E9, #007951, #006483, #584900, #000A04)
- Emerald Parlor color palette (#D5E5C5, #489500, #186B07, #003E13, #001609)
Browse the whole catalog at Explore, or see today's palette.