Tempered Petrol Villa color palette — #F5E6DE · #97BFA2 · #0073A6 · #004E33 · #061139

Slate takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F5E6DE): bright and airy, almost weightless.
• Sage (#97BFA2): A luminous, dusty teal — the color of sea glass.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Indigo (#061139): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Antique Sapphire Grove color palette (#F0E7E0, #86BCD4, #0068CD, #004C42, #130D37)
• Petrol Atelier color palette (#F7EDDE, #61C1D3, #007393, #00504A, #03314C)
• Pale Study color palette (#F7EAF4, #81D3E2, #308FC6, #0E6F4C, #1E2C50)
• Airy Cornflower Pier color palette (#FCEFE4, #A2D7F9, #4677F9, #00625E, #281B46)
• Iris Harbor color palette (#F7F1EB, #BBE8D9, #7689CE, #006C6D, #3C232E)
• Washed Lagoon color palette (#FBE6E0, #399B99, #005266, #002F08, #00040E)
• Patina Workshop color palette (#FCD5E0, #8B46B0, #006E60, #005858, #1B010A)
• Aged Pier color palette (#F1E8E1, #45819A, #003A77, #00201A, #01000A)

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