Petrol Villa color palette — #EDF4EF · #CFD9D9 · #ADC1C2 · #278292 · #252F28

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

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CFD9D9): bright and airy, almost weightless.
• Ash (#ADC1C2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#278292): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#252F28): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Hushed Market color palette (#ECF4F1, #DCD1CF, #A99D91, #5E8E81, #2E3936)
• Aged Pine Summit color palette (#F2F3E7, #96C09A, #35875B, #4B5A41, #262A14)
• Antique Denim Boulevard color palette (#EBF4F0, #C3D9D3, #BF9FBF, #00638B, #022017)
• Tempered Sapphire Pier color palette (#F6F0F4, #E4D1D3, #D8B3C6, #4B65B7, #2C212A)
• Abyss Hollow color palette (#E7F3EC, #91A59D, #56877A, #003D4E, #000603)
• Cobalt Station color palette (#DAEAE4, #0C7DB5, #3F2741, #071A14, #030805)
• Misty Station color palette (#E7F6EF, #84E8FF, #63CEFF, #4B8BD4, #002B20)
• Dusty Ash Lagoon color palette (#FDEBFF, #D2B4CD, #8885B5, #755250, #472C26)

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