Tempered Petrol color palette — #F0F7F4 · #E6D6DA · #C0AEB4 · #006E90 · #303E38
A conversation between Peacock and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E6D6DA): a clean, paper-quiet neutral.
- Rosewood Mist (#C0AEB4): A luminous, dusty rose — the color of pressed rose petals.
- Peacock (#006E90): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#303E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hushed Cerulean Workshop color palette (#F0F7F4, #E8D7DC, #DBB7BD, #2B8AB8, #2E3F38)
- Petrol Meadow color palette (#ECF3F8, #D4D5DF, #AEB7CA, #006D97, #1A2127)
- Muted Denim color palette (#DDE9E5, #C2B4BD, #A5838D, #004A6D, #05261C)
- Muted Driftwood Archive color palette (#F9F3F7, #E0D8D6, #AAADA1, #7B7DA8, #594F55)
- Ancient Cypress Lagoon color palette (#F8F5EA, #7DA786, #007269, #284E6E, #323A00)
- Ultramarine Coast color palette (#FEF1FA, #E2CCD2, #C19C9B, #3944C8, #3E2C3A)
- Aged Byzantium color palette (#FDF2F5, #E2D7D0, #CFB6AD, #8740C0, #4E3940)
- Fern Boulevard color palette (#CDEAC7, #B295B5, #896891, #575500, #2B4226)
Browse the whole catalog at Explore, or see today's palette.