Petrol Garden color palette — #EBF7FF · #007EA2 · #4D4A00 · #00350D · #000202
A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Cerulean (#007EA2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#4D4A00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#00350D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Cocoa Market color palette (#E3FAFF, #007B77, #6E4000, #242300, #000201)
- Tempered Harbor color palette (#EFF6FF, #0A65C3, #285B00, #00251F, #000102)
- Sunlit Lantern color palette (#EEF6FF, #0080E8, #4F7000, #00523E, #000406)
- Obsidian Denim color palette (#D3F4EA, #004E80, #243A00, #001E15, #000903)
- Wandering Violet color palette (#F3F4FF, #8F5FC0, #006D66, #00465D, #01000D)
- Scarlet Atelier color palette (#FFEBFC, #D13D40, #6A4400, #1E2900, #000201)
- Misty Lilac color palette (#F2F5FF, #A27EFD, #008465, #005763, #000C29)
- Weathered Canyon color palette (#EDF7FF, #6EABDD, #7D8F42, #006A4A, #001C26)
Browse the whole catalog at Explore, or see today's palette.