Tempered Petrol Villa color palette — #F6EAF1 · #7CC1E0 · #0069B5 · #003E3C · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6EAF1): bright and airy, almost weightless.
• Sky (#7CC1E0): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Corridor color palette (#F7EAF3, #76C7C6, #007389, #004026, #000306)
• Cobalt Loft color palette (#FFF1F6, #A4D1F8, #5375CE, #005059, #0E002F)
• Softworn Cobalt Alley color palette (#E0E3D6, #77BBD8, #008DC5, #006A7B, #001527)
• Pale Cerulean color palette (#F8E6DA, #159DC7, #004C81, #00302E, #060742)
• Powdered Courtyard color palette (#C5EDEF, #009471, #BA006A, #004735, #040001)
• Hushed Teal color palette (#A1F9EA, #00AB9C, #00615B, #001E1C, #000201)
• Tempered Periwinkle Balcony color palette (#FDF1F7, #D8D3DF, #7FA9E0, #007F81, #262953)
• Antique Emerald color palette (#E3EED2, #009D39, #005A3D, #002521, #000303)

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