Tempered Petrol color palette — #E7F0ED · #B89DA2 · #A48280 · #0069A2 · #000D08
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0ED): bright and airy, almost weightless.
- Taupe (#B89DA2): A luminous, dusty red — the color of a theater curtain.
- Heather (#A48280): A luminous, dusty orange — the color of sun-warmed clay.
- Peacock (#0069A2): A full-bodied, balanced blue — the color of open sky before noon.
- 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
- Cypress Coast color palette (#DFE7DE, #92A4A4, #A98DAC, #007271, #040C04)
- Grape Studio color palette (#EDE1E7, #B29B95, #A7826B, #664CB6, #11050B)
- Navy Parlor color palette (#E8F0F8, #9BA5B4, #7886A3, #00467F, #010917)
- Ancient Onyx Studio color palette (#E3EAF1, #858E9D, #636A80, #002B4C, #000104)
- Washed Indigo Harbor color palette (#ECE0E6, #CFBAB6, #C89A85, #7A74C4, #271B22)
- Dusty Olive color palette (#ECE0D4, #988937, #526D00, #37427C, #080600)
- Feathered Terrace color palette (#CBEAF9, #7783B4, #87498E, #2F4E00, #001A0D)
- Soft Mulberry color palette (#D8EDE4, #007CA8, #9E0050, #273F00, #000300)
Browse the whole catalog at Explore, or see today's palette.