Petrol Villa color palette — #EDF4F0 · #E1D3D7 · #CBAEBB · #1A6F86 · #18231D

Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#E1D3D7): a clean, paper-quiet neutral.
• Rosewood Mist (#CBAEBB): A luminous, dusty rose — the color of a warm blush.
• Teal (#1A6F86): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#18231D): 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 Petrol color palette (#EDF8F3, #CADDE1, #C0ACBB, #386B82, #313E38)
• Dusty Station color palette (#EFF6FC, #D8DAE4, #BFA9A7, #3E95BA, #273035)
• Ultramarine Summit color palette (#FAEDF8, #E9CAD5, #C89CB8, #2B52B6, #231421)
• Weathered Abyss color palette (#D6E3DD, #C0ACBB, #AB7F8E, #004A65, #010E08)
• Softworn Study color palette (#F5F2E5, #7DAE85, #007569, #215044, #1B1E0A)
• Timeworn Loft color palette (#F8EFF2, #E7D3C9, #D9B6AC, #7952B4, #311E27)
• Aubergine Coast color palette (#F1E6E9, #DAC6C5, #BC9B8E, #674183, #1F1116)
• Softworn Pewter color palette (#E2F4E0, #7BAA9D, #7E6794, #415025, #2C2908)

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