Petrol Garden color palette — #D0EEE5 · #0068AB · #331C2E · #00100C · #000301
A conversation between Peacock and Onyx, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D0EEE5): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#0068AB): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#331C2E): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#00100C): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Velvet Dune color palette (#E0F4E7, #007184, #0C2B23, #021007, #010301)
- Hushed Cobalt color palette (#F5E1F0, #546EC5, #412835, #1E101C, #020806)
- Softworn Canyon color palette (#DFEBF8, #2D85CC, #303F5E, #09233A, #030F17)
- Eclipse Station color palette (#EEE0EE, #003F8E, #1D1C23, #0C0827, #030004)
- Weathered Loft color palette (#F7DAE9, #7A6DC3, #A45626, #006C52, #140D2D)
- Ancient Nightshade Workshop color palette (#FBE0F0, #8688D3, #828100, #4B43A6, #1E1E00)
- Lowlit Market color palette (#F0D8E4, #6700DF, #2D0C39, #09021E, #030003)
- Wandering Terrace color palette (#F6F1E9, #B1D0BD, #4484A5, #005B5A, #00223E)
Browse the whole catalog at Explore, or see today's palette.