Petrol Garden color palette — #EDF6FF · #FFBFA7 · #28689A · #002A48 · #00040C
A conversation between Peacock and Wheat, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Wheat (#FFBFA7): A whisper-light, balanced orange — the color of sun-warmed clay.
- Peacock (#28689A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002A48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00040C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Weathered Denim Studio color palette (#F1F5FF, #C6DA95, #585D98, #1B2644, #01030E)
- Washed Cabin color palette (#EFF6FF, #FFE0B4, #5976AA, #273953, #0A1018)
- Ancient Jade Lantern color palette (#DBECF8, #77B07F, #004D6A, #001F2E, #00060D)
- Weathered Balcony color palette (#E6F2EC, #A1D9A6, #3692BC, #175E7C, #031B12)
- Muted Summit color palette (#E0F4ED, #CD886B, #004671, #00243D, #091A15)
- Softworn Ultramarine color palette (#F1F5FF, #C5CD35, #443DC4, #16124E, #01000A)
- Muted Lantern color palette (#EDF6FF, #A4D6FF, #AD6FB4, #007DC0, #060311)
- Faded Aubergine color palette (#F4F4FF, #A6C976, #6C3582, #250930, #010008)
Browse the whole catalog at Explore, or see today's palette.