Petrol Garden color palette — #C7EBFF · #00719B · #665800 · #3C4100 · #002333
A conversation between Peacock and Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#C7EBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#665800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#3C4100): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Hazy Courtyard color palette (#B2F1FF, #007587, #874400, #5F2D00, #00242B)
- Antique Chestnut color palette (#DBF5FC, #007B77, #7C5100, #3D3F00, #000E0D)
- Dusty Dune color palette (#D1EFC9, #009B8F, #A46900, #645900, #002622)
- Chalky Byzantium color palette (#FEE8ED, #9250AA, #696400, #4A4700, #391C25)
- Weathered Corridor color palette (#EED6E3, #6E5ECD, #1F5100, #003A2A, #2C0E21)
- Powdered Grape color palette (#FFD8EC, #6C3FDB, #6C5600, #4B3B00, #201641)
- Soft Lapis color palette (#FFDCF3, #5951E9, #783600, #003E16, #002622)
- Faded Harbor color palette (#F8D9FA, #0068BE, #A6003A, #6C1E00, #001F40)
Browse the whole catalog at Explore, or see today's palette.