Tempered Petrol Villa color palette — #E9F1F6 · #AEAFC5 · #9A93A9 · #007E9D · #001623

Cerulean and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F1F6): bright and airy, almost weightless.
• Ash (#AEAFC5): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9A93A9): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Denim color palette (#E0E9F3, #A39DAE, #928197, #2B63AB, #020916)
• Worn Denim Studio color palette (#DAE5E0, #A1BBB2, #A28DA4, #005B7A, #001910)
• Washed Driftwood Meadow color palette (#D9E7DF, #A99AAA, #7477A4, #003D4D, #000603)
• Tempered Violet color palette (#DCDEEB, #C8BBC6, #B59EAA, #8D6DBF, #1D1E2D)
• Tempered Indigo color palette (#D0E9ED, #789AC3, #846BB3, #575300, #022708)
• Timeworn Cypress color palette (#D5F0E7, #6AA87C, #008371, #005F79, #001506)
• Timeworn Harbor color palette (#CBE4F4, #008DBA, #B80051, #563F00, #070800)
• Lapis Courtyard color palette (#ECE2C7, #0098B5, #4F56CC, #584500, #000D18)

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