Petrol Villa color palette — #FFF0F8 · #2CADA1 · #1A6FA7 · #773B15 · #22424E
A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Turquoise (#2CADA1): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#1A6FA7): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#773B15): A full-bodied, balanced orange — the color of toasted spice.
- Deep Teal (#22424E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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
- Quiet Study color palette (#E7FCEB, #18A9C4, #5160B9, #624900, #2C404F)
- Timeworn Jade Lagoon color palette (#FFF0F9, #73A868, #00797C, #6F3A50, #1E4445)
- Ancient Grape color palette (#EBF8F9, #159F7E, #6B4DAC, #6C3900, #3D390D)
- Tempered Turquoise Workshop color palette (#F0F5DD, #00B0C3, #2C7493, #4F3B6B, #0F291B)
- Pine Orchard color palette (#EDF9EF, #90BAAB, #567F55, #37616A, #2C493F)
- Weathered Terrace color palette (#FDE0B4, #008E99, #003AD0, #4C3300, #002E3D)
- Linen Station color palette (#DCFEF1, #0097D2, #6C2FD0, #434A00, #1D3658)
- Ancient Quarry color palette (#FAF3F7, #BFE4ED, #1E9AAE, #3A6F4D, #2C4B61)
Browse the whole catalog at Explore, or see today's palette.