Tempered Petrol color palette — #EDF9EF · #C5E1DE · #A1C6B5 · #007884 · #344538
Built around Teal, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Silver (#C5E1DE): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A1C6B5): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007884): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#344538): 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
- Pine Studio color palette (#F3F6EE, #C8E4D4, #AEC4A6, #087E50, #374700)
- Worn Denim Corridor color palette (#E8F1EB, #BAD3C7, #8AA89D, #005F72, #213228)
- Timeworn Boulevard color palette (#EBF8FC, #D1DBED, #B9BEDA, #0098A1, #2C444C)
- Petrol Thicket color palette (#FBF2FB, #F2D2D9, #D1B1C6, #336BAF, #463C46)
- Muted Grove color palette (#FBF2F7, #E3D7D6, #B1ADA4, #957889, #585055)
- Denim Field color palette (#DCE8E3, #A4C0B9, #9B8799, #004A6D, #0D241D)
- Lowlit Petrol Archive color palette (#D4EBE1, #007299, #002D4C, #001E14, #000A09)
- Timeworn Summit color palette (#F9F7DA, #79B667, #287C3E, #4F524B, #294222)
Browse the whole catalog at Explore, or see today's palette.