Petrol Garden color palette — #EFE8DE · #87BCD1 · #0073A7 · #004B4D · #001532
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE8DE): bright and airy, almost weightless.
- Ash (#87BCD1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Petrol Field color palette (#EFE8DE, #A0BC9D, #007985, #004D38, #001922)
- Sunlit Hollow color palette (#F5EBF1, #7ABCD5, #1569B9, #005144, #282852)
- Worn Boulevard color palette (#F6F1E9, #A7D3C1, #4480BA, #005A65, #111E3F)
- Ultramarine Basin color palette (#F6EEE1, #7AA79A, #1F52AD, #003745, #060030)
- Abyss Loft color palette (#F3EBE0, #5096A0, #005267, #002C27, #00050B)
- Petrol Summit color palette (#F5F1EB, #C9E1E1, #78A1C4, #167982, #442D43)
- Plum Corridor color palette (#FFE7E4, #A7416F, #5D6500, #005375, #1C000C)
- Quiet Mulberry Thicket color palette (#F1D8D7, #B45D8C, #007E62, #7F0056, #001710)
Browse the whole catalog at Explore, or see today's palette.