Tempered Petrol color palette — #F1F6FB · #D9D8E0 · #B0B2C4 · #296999 · #333C44
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#D9D8E0): a clean, paper-quiet neutral.
- Ash (#B0B2C4): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#296999): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#333C44): a grounded near-black with real depth.
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
- Wandering Quarry color palette (#F5F0F5, #DFD2D5, #C6AFBF, #36679C, #251D26)
- Weathered Courtyard color palette (#CBE5FA, #A1ADC6, #766E8B, #2D5E56, #1F444E)
- Aged Mulberry Harbor color palette (#F5F4FB, #E1D6DC, #C9B4C8, #8E4B99, #403D4F)
- Washed Field color palette (#F2F5FF, #D2D0E2, #B09EC1, #5D36C2, #2B314A)
- Washed Navy Pier color palette (#DCE2EA, #B4B9C6, #8C8AAB, #004288, #15202E)
- Tempered Balcony color palette (#FFF1F5, #A59C6D, #556D1F, #3C4778, #193E2B)
- Dusty Mulberry Drift color palette (#EFEDF5, #D0C9D2, #AF99A9, #802F76, #2F2B38)
- Dusty Aubergine Cabin color palette (#E7E7F0, #9C97A5, #7E6782, #41005E, #080618)
Browse the whole catalog at Explore, or see today's palette.