Petrol Garden color palette — #D3E8FA · #0070A5 · #864300 · #003C5B · #0E0300
Peacock and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D3E8FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0070A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#864300): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#003C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0E0300): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: 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
- Chalky Brick Grove color palette (#D4EAF2, #007783, #A70021, #004047, #140001)
- Hushed Bloom color palette (#DBEEFF, #005D92, #743C00, #413900, #000205)
- Worn Nightshade Atelier color palette (#DAE5F8, #4862B8, #6B5600, #1800A9, #090500)
- Charred Veranda color palette (#D1E7E0, #00548D, #700052, #00223E, #11000A)
- Faded Meadow color palette (#DFF1FF, #0087C5, #B33299, #005A86, #11000C)
- Olive Corridor color palette (#D3E8DA, #6C7535, #534400, #361E00, #010500)
- Weathered Lilac Bloom color palette (#E0F0FF, #949DD2, #A970B2, #005257, #020B31)
- Ancient Cobalt color palette (#E6EFFC, #4279C6, #004989, #001C36, #000206)
Browse the whole catalog at Explore, or see today's palette.