Petrol Villa color palette — #EDF8F7 · #6AA884 · #4973A3 · #74405C · #304A34
Built around Slate, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Jade (#6AA884): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#4973A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#74405C): A full-bodied, balanced rose — the color of strawberry cream.
- Deep Olive (#304A34): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Indigo Lantern color palette (#EDF7FB, #35A9B7, #7563A7, #7A403E, #274B3D)
- Petrol Field color palette (#EAF9F4, #8AA263, #007E95, #604776, #54384B)
- Ash Lagoon color palette (#DFFCFC, #A2C9D1, #749BB1, #766C87, #5F4D52)
- Antique Alley color palette (#E9F5F2, #85AA5D, #7C649D, #6E3A44, #341D37)
- Antique Bloom color palette (#EDF8F5, #A1CAC6, #529075, #4A6E65, #3F514F)
- Patina Turquoise color palette (#F1F7F2, #D1E0F2, #52A6BD, #367D6E, #405665)
- Mint Meadow color palette (#F5F7E9, #87C47B, #9C7FAC, #8C5669, #593835)
- Dusty Seafoam Atelier color palette (#EBF8F8, #ADEFEE, #75EAC3, #25ACB5, #2E5359)
Browse the whole catalog at Explore, or see today's palette.