Petrol Villa color palette — #D8F8E5 · #00728A · #5E3D00 · #1B2D00 · #000A08
A conversation between Teal and Bronze, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D8F8E5): A whisper-light, dusty teal — the color of sea glass.
- Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#5E3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#1B2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000A08): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Brick Cabin color palette (#DAE6F3, #0082E5, #BC002E, #494500, #070900)
- Shadow Coast color palette (#D1F2E4, #00516F, #530021, #031A00, #000604)
- Washed Fern Archive color palette (#EBE3C6, #7A8C4C, #395F00, #00423D, #0D1200)
- Aged Mulberry color palette (#F9E6FF, #9F7297, #8B4463, #582B00, #261700)
- Aubergine Cabin color palette (#D3F3EA, #0069B3, #5D009C, #4B0029, #00090C)
- Quiet Ember color palette (#F2DCD3, #C96359, #825B00, #2C4D00, #002621)
- Softworn Grape Canyon color palette (#EFDBE2, #8044AE, #800044, #411900, #0A0700)
- Worn Bronze Villa color palette (#FFEDE9, #D67186, #A95A00, #565200, #00351C)
Browse the whole catalog at Explore, or see today's palette.