Tempered Petrol Villa color palette — #EFF7F4 · #9ECCB9 · #6F7AAA · #27769A · #352A32
Built around Slate, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F4): a clean, paper-quiet neutral.
- Pistachio (#9ECCB9): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#6F7AAA): A full-bodied, dusty violet — the color of twilight just after sunset.
- Slate (#27769A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#352A32): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Tempered Petrol Villa 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
- Tempered Cypress color palette (#F1F7EF, #84D1C3, #428997, #1D7D70, #223228)
- Worn Hollow color palette (#F9F3F8, #D6B3D1, #886FAA, #546CA0, #38292F)
- Patina Petrol Canyon color palette (#EDF4EF, #8DD0DC, #9474A5, #008090, #1F1115)
- Timeworn Cerulean color palette (#EFF6FA, #ADD9EC, #A090CD, #009EB1, #2A2D3C)
- Timeworn Basalt Ridge color palette (#FEF0FF, #ABC2ED, #7782B4, #59568B, #603460)
- Twilit Villa color palette (#CEE5DE, #006096, #280073, #001F35, #02000D)
- Muted Atelier color palette (#EFF7F5, #DDD4D3, #AB9F95, #628C80, #4D5552)
- Grape Hollow color palette (#FCF2F6, #B3A3E1, #925393, #674CA2, #321D21)
Browse the whole catalog at Explore, or see today's palette.