Petrol Garden color palette — #EAF3FB · #7FBAE8 · #C5904C · #2D78AA · #213820
Slate and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EAF3FB): bright and airy, almost weightless.
- Sky (#7FBAE8): A luminous, balanced blue — the color of open sky before noon.
- Mustard (#C5904C): A luminous, balanced gold — the color of old brass.
- Slate (#2D78AA): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#213820): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.
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
- Patina Amber color palette (#E9F4FA, #70C0DA, #CE8B50, #007E9B, #452633)
- Moss Coast color palette (#EDF1FF, #AFABE8, #89A956, #6E67AD, #143830)
- Sky Basin color palette (#EDF6FF, #6EB7F1, #73A875, #4078A3, #325451)
- Weathered Powder color palette (#E6FBF3, #8ACDFC, #CFAA76, #5E93B8, #514C46)
- Weathered Station color palette (#E7F4FF, #62A3D5, #BE7B48, #8A773B, #1A2936)
- Lagoon Terrace color palette (#E8F3FF, #DAD5E3, #A7AB9F, #58969C, #2E3846)
- Driftwood Market color palette (#E7F6EE, #A1C4B9, #8D8449, #495F49, #1C312E)
- Ultramarine Field color palette (#EBF2FF, #6B91FF, #A47C00, #253BE2, #2B1E00)
Browse the whole catalog at Explore, or see today's palette.