Tempered Petrol color palette — #F9EAF0 · #93B6D4 · #4566A7 · #004F55 · #2A2654
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EAF0): bright and airy, almost weightless.
- Ash (#93B6D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4566A7): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#2A2654): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Petrol Cabin color palette (#F7EAF3, #89BAC9, #00748D, #005236, #00314E)
- Feathered Bloom color palette (#FFF1F7, #8DBFDD, #0068D9, #005558, #281F7B)
- Wandering Cobalt Alley color palette (#E7EBE1, #8FB9D8, #006EB9, #00485E, #011533)
- Tempered Cabin color palette (#E5F1F1, #96CBF4, #0A89E8, #006787, #122D54)
- Cerulean Hollow color palette (#FBF2F8, #A8D6EA, #008BB8, #006953, #0F4172)
- Softworn Onyx color palette (#F9EBF3, #6B96AE, #004D7E, #00302D, #04004B)
- Muted Periwinkle color palette (#F6EDE3, #A6DBFF, #6EA3FF, #008F98, #292850)
- Softworn Petrol color palette (#FBF3F5, #DADDEE, #8798C4, #047D8C, #4B516A)
Browse the whole catalog at Explore, or see today's palette.