Petrol Villa color palette — #D8F7E9 · #007BA6 · #825700 · #5D3D00 · #0E2D22
A conversation between Cerulean and Coffee, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8F7E9): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#007BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#825700): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#5D3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#0E2D22): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Sunlit Sapphire color palette (#FDE6FE, #136FCE, #785D00, #564100, #311F32)
- Softworn Delta color palette (#FCECFA, #3E6FDE, #734A00, #2B4300, #002E1B)
- Weathered Terracotta color palette (#E2F5E0, #00827D, #9E3B40, #72282C, #1A2C18)
- Navy Pier color palette (#ECDEEB, #004CA8, #5E3900, #3B2200, #19031A)
- Hushed Summit color palette (#FEF1F8, #8B81DE, #6F8956, #666214, #463940)
- Weathered Cobalt color palette (#F0F2CE, #008DDA, #764282, #244B07, #3F2739)
- Ancient Azure color palette (#D8F7EA, #009BD6, #976EA8, #0C743B, #0D2D23)
- Antique Cobalt Veranda color palette (#D7ECFF, #007DB9, #864A8A, #005131, #001121)
Browse the whole catalog at Explore, or see today's palette.