Tempered Petrol color palette — #F1E5ED · #7AC0CD · #0472A7 · #004E34 · #091235
Built around Slate, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Ash (#7AC0CD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0472A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#091235): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Tempered Grove color palette (#F9EEF4, #97D2E7, #4F7FB3, #005D4D, #161F3A)
- Petrol Grove color palette (#E4F2F0, #84BCC8, #00748E, #004F52, #003345)
- Worn Ultramarine color palette (#F6E7ED, #56A7CF, #1C51B0, #003A35, #0C0128)
- Worn Grove color palette (#E9DEEA, #009DA0, #005168, #002E0F, #00040F)
- Quiet Lapis color palette (#DEF0E1, #9F7900, #6755C5, #594300, #120437)
- Hushed Balcony color palette (#FCE6F1, #2B83A4, #00397A, #00201B, #01000A)
- Celadon Balcony color palette (#D1F4DD, #AFDE97, #44B3B0, #814431, #00251C)
- Dusty Field color palette (#D1E8D7, #7F9020, #695200, #4E2400, #001210)
Browse the whole catalog at Explore, or see today's palette.