Petrol Garden color palette — #E5F0DC · #369285 · #3A6A98 · #494900 · #091500
Built around Slate, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E5F0DC): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#369285): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3A6A98): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#494900): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#091500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Antique Forest Meadow color palette (#E0F1EC, #4A88AF, #6A5989, #005630, #00160F)
- Softworn Studio color palette (#FCEECD, #738F5D, #00797E, #783712, #191100)
- Forest Studio color palette (#E8E1E8, #6FADAE, #0080A3, #006228, #00091B)
- Garnet Meadow color palette (#C8ECF2, #597C9C, #454F84, #570A00, #1C0E00)
- Patina Pine Pier color palette (#D4E7D3, #898E47, #007728, #00525B, #060600)
- Patina Olive color palette (#D7F1FA, #71ADB2, #6381C0, #4A7310, #002D2B)
- Charred Navy color palette (#C8EFE5, #006687, #38255C, #241600, #060300)
- Cobalt Balcony color palette (#E3F0FF, #3580CF, #8B6C00, #00549C, #090500)
Browse the whole catalog at Explore, or see today's palette.