Tempered Petrol Villa color palette — #F0E7E2 · #96BEA5 · #1F73A0 · #004C42 · #001339

Built around Slate, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Sage (#96BEA5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#1F73A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001339): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Petrol Terrace color palette (#EEF0E6, #98BBA5, #007391, #004F54, #003347)
• Aged Loft color palette (#E7DED5, #77A897, #1953AB, #00393C, #08012B)
• Pale Villa color palette (#FAF0E6, #AAD5F9, #5D80CE, #00616A, #241852)
• Antique Cerulean color palette (#EAF9F7, #C6E3FF, #29A0C6, #006970, #002232)
• Muted Navy color palette (#F2E2D6, #4F7F99, #003A75, #001F20, #01000B)
• Teal Corridor color palette (#A2F3D6, #00AE95, #006856, #002C23, #000905)
• Sunlit Plum color palette (#DEE8CF, #009668, #A03D93, #005439, #250021)
• Sunlit Turquoise color palette (#DCEDC3, #7BD8D8, #63ADDD, #516020, #001F1C)

Browse the whole catalog at Explore, or see today's palette.