Petrol Garden color palette — #E9F3FC · #84BBDD · #C48E73 · #007BAC · #4A2614
A conversation between Cerulean and Camel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F3FC): a clean, paper-quiet neutral.
- Sky (#84BBDD): A luminous, dusty blue — the color of deep harbor water.
- Camel (#C48E73): A luminous, dusty orange — the color of autumn markets.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#4A2614): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Sophistication. 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 Cypress Corridor color palette (#E7F4F9, #7BC1C5, #CA8885, #008187, #3F273E)
- Aged Cobalt Station color palette (#ECF2FD, #9FB2E3, #BD9554, #546DB6, #1D3820)
- Dusty Petrol color palette (#ECF7FF, #7BB8DF, #BF80B3, #247BA9, #514862)
- Wandering Cerulean Basin color palette (#E8FAF3, #91CCF5, #E79C85, #4F94C2, #534B47)
- Antique Bronze Bloom color palette (#E8F3FF, #74A1CC, #BF795E, #9F6D1B, #1A2937)
- Ancient Chestnut Market color palette (#E9F6EC, #A9C2B7, #688D74, #734F2A, #1B312D)
- Ultramarine Hollow color palette (#EAF3FF, #76A7FD, #BA6900, #0040BC, #331900)
- Patina Ridge color palette (#E6F4FF, #D8D6E4, #D3BAD8, #4F9498, #29394A)
Browse the whole catalog at Explore, or see today's palette.