Petrol Garden color palette — #EEF8F3 · #E2D7DA · #C4ACB5 · #286D85 · #2F3F37
Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F3): bright and airy, almost weightless.
- Silver (#E2D7DA): bright and airy, almost weightless.
- Rosewood Mist (#C4ACB5): A luminous, dusty rose — the color of strawberry cream.
- Peacock (#286D85): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#2F3F37): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Garden 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
- Softworn Cerulean Drift color palette (#F0F7F4, #E3D7DB, #CDBABD, #1C8BBA, #2E3F38)
- Antique Petrol color palette (#EDF3F7, #D4D5E1, #ADB7CB, #006D96, #15222B)
- Patina Denim color palette (#FDF1FA, #E0CDD3, #BD9E9D, #3D51A9, #42293D)
- Patina Driftwood Parlor color palette (#FAF3F7, #E1D8D6, #AAADA0, #98758C, #575055)
- Antique Ridge color palette (#E4F1EC, #C5B2C0, #A4848D, #004A6B, #0B251D)
- Aged Lagoon color palette (#F9F6E3, #7CA788, #00726B, #26554A, #313B00)
- Weathered Chestnut Atelier color palette (#C4EAEF, #C0A4BB, #967375, #6D5903, #394B01)
- Navy Veranda color palette (#F6EBF6, #B4A4AB, #947679, #00327B, #1C0E1C)
Browse the whole catalog at Explore, or see today's palette.