Tempered Petrol color palette — #E9F5F0 · #E9D6DB · #CDB8C3 · #00749F · #162A22
A conversation between Slate and Onyx, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Silver (#E9D6DB): A whisper-light, dusty rose — the color of a warm blush.
- Stone (#CDB8C3): A luminous, dusty pink — the color of a candy shop window.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#162A22): 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
- Aged Summit color palette (#F0F7F4, #E6D8DD, #CCB2CA, #0072A7, #2C463D)
- Ancient Cypress Basin color palette (#EFF3ED, #C9DBD9, #A3C9BC, #007C71, #1F281D)
- Softworn Denim Canyon color palette (#E0ECE8, #D3C7D0, #B89AA6, #005A8C, #051A15)
- Timeworn Garden color palette (#FAEEF5, #E8D1CD, #D9B5B6, #5E5FB7, #301F2A)
- Weathered Azure color palette (#F0F6FC, #D9DAE5, #B6ADB8, #459AD1, #2A3741)
- Hushed Cypress Ridge color palette (#F4F4D8, #70BA96, #007C75, #005374, #002818)
- Tempered Spruce color palette (#C3EAFF, #93A7D2, #876B93, #4D5C33, #203000)
- Dusty Harbor color palette (#EAE1E8, #BCAFB5, #A3848A, #213D88, #110710)
Browse the whole catalog at Explore, or see today's palette.