Tempered Petrol color palette — #E1EEE9 · #AD9FA4 · #9E8289 · #0069A0 · #000D08
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1EEE9): a clean, paper-quiet neutral.
- Taupe (#AD9FA4): soft and architectural.
- Heather (#9E8289): A luminous, dusty red — the color of a theater curtain.
- Peacock (#0069A0): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000D08): 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
- Worn Chapel color palette (#DEEBE6, #ABA1AA, #997D8A, #004B6B, #000D07)
- Cypress Parlor color palette (#E9EFE9, #94A4A1, #70908D, #007271, #020D02)
- Antique Ultramarine color palette (#E3DDE1, #AB9C9D, #9D807F, #4753C5, #140310)
- Washed Hollow color palette (#D7E2EC, #808FA0, #5E6C81, #002C49, #000104)
- Byzantium Lantern color palette (#F4EAED, #C2AAA5, #AE9085, #9049C4, #230A14)
- Wandering Fern color palette (#E7DFC9, #878E4E, #546C08, #00554A, #060700)
- Ancient Cocoa Studio color palette (#F4DBE4, #9A78A3, #8F4C7B, #732700, #241000)
- Weathered Iris Market color palette (#F3ECF2, #DECED0, #CBB2B3, #658FE8, #382737)
Browse the whole catalog at Explore, or see today's palette.