Petrol Villa color palette — #ECF4EE · #CADEDF · #B2C2C5 · #447F8A · #252F28

A conversation between Slate and Silver, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Silver (#CADEDF): A whisper-light, dusty blue — the color of deep harbor water.
• Stone (#B2C2C5): soft and architectural.
• Slate (#447F8A): A full-bodied, dusty 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

• Olive Loft color palette (#F0F3EB, #CEDBD6, #ADC3BD, #687F3D, #2A2D25)
• Dusty Veranda color palette (#EBF4F1, #DED0CD, #A39A90, #678C80, #313836)
• Hushed Stone Drift color palette (#F4F2E4, #98C093, #528168, #455C43, #272913)
• Washed Station color palette (#F7EFF6, #ECD0D1, #D3B6C0, #4F69A4, #2D202B)
• Hushed Chestnut color palette (#CCF4E0, #9AB9E0, #9D7E8F, #81491D, #3A3630)
• Washed Station color palette (#D6E6DD, #89A89D, #8B7389, #003D4C, #000602)
• Tempered Cobalt Alley color palette (#E1F4ED, #007EB5, #3D293B, #081A14, #030805)
• Weathered Ridge color palette (#F1E5ED, #DAC4CE, #B69CA2, #495081, #1B1319)

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