Tempered Petrol color palette — #F3E6DF · #95BFA7 · #326FA5 · #004D3C · #0E0F38
Slate takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F3E6DF): a clean, paper-quiet neutral.
- Mint Leaf (#95BFA7): A luminous, dusty teal — the color of glacier melt.
- Slate (#326FA5): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0E0F38): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Petrol color palette (#F0E7DE, #8CB8E0, #5864AC, #004B4D, #1E0832)
- Patina Orchard color palette (#F2EEE7, #96BBA6, #00719D, #004F50, #002F56)
- Hazy Drift color palette (#FAF0E6, #A8D5FF, #6F7BCC, #006165, #2E1845)
- Hushed Corridor color palette (#ECF9EE, #BDEFFF, #459CCA, #006A6A, #001F3C)
- Cerulean Quarry color palette (#F0DED7, #3F99A1, #00506E, #002E17, #000313)
- Muted Archive color palette (#D8F6EE, #06AE8E, #006654, #003128, #000806)
- Navy Balcony color palette (#ECDED1, #4580A1, #16347F, #001F1D, #020008)
- Ash Summit color palette (#F7F0EB, #C7E5E3, #7F9FC4, #42776A, #452D3D)
Browse the whole catalog at Explore, or see today's palette.