Tempered Petrol color palette — #E3ECE5 · #A2B3B6 · #B89798 · #008091 · #08180E
Built around Teal, softened by Taupe — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3ECE5): a clean, paper-quiet neutral.
- Ash (#A2B3B6): a calm mid-gray that lets other colors speak.
- Taupe (#B89798): A luminous, dusty red — the color of a theater curtain.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#08180E): A deep, shadowed, dusty teal — the color of sea glass.
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
- Petrol Drift color palette (#E1EEEA, #B39FA0, #A2837B, #0068A6, #000D09)
- Dusty Pine color palette (#E5E8E1, #A0B6B1, #72A4A8, #00865E, #0F1701)
- Aged Meadow color palette (#DBE5EA, #A7B7C4, #7E97B7, #005D6F, #001722)
- Abyss Market color palette (#DAE7EC, #93A2B0, #747B92, #003E47, #000509)
- Hushed Sapphire color palette (#E5DEE5, #BCABAA, #AF9183, #1D68E5, #1F0B1E)
- Timeworn Fern Basin color palette (#D9F6E5, #5FA2B4, #656BB4, #316118, #0C2600)
- Gentle Moss color palette (#E6DDCA, #79A75E, #008465, #005E7E, #061400)
- Turquoise Delta color palette (#EAFAF1, #F3D8E0, #E0BBB9, #00A8D0, #21392D)
Browse the whole catalog at Explore, or see today's palette.