Petrol Garden color palette — #E7F9FF · #7CBDC2 · #A09C58 · #00828A · #2C5744
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mint Leaf (#7CBDC2): A luminous, dusty blue — the color of open sky before noon.
- Moss (#A09C58): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00828A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#2C5744): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Timeworn Cypress Meadow color palette (#E8F9FB, #82BEAC, #B49362, #00866D, #604824)
- Aged Amber Coast color palette (#E7F4F9, #65C5CA, #D98358, #008287, #422737)
- Tempered Harbor color palette (#EAF8FF, #62A3B5, #8281C3, #49865A, #2C4653)
- Antique Apricot color palette (#EBFAEE, #7FD4DD, #ED987F, #2A9DA7, #534B47)
- Hushed Thicket color palette (#EAF8FF, #D6DAE5, #C1C2F0, #3F919B, #3A5160)
- Moss Workshop color palette (#EBF7FF, #00A3CD, #608F00, #006682, #2B4300)
- Chestnut Market color palette (#FFF1F5, #A8BFA8, #9D7281, #7D5232, #394E3D)
- Hushed Delta color palette (#EFF6FF, #98B2D7, #C1849B, #3D72BD, #594364)
Browse the whole catalog at Explore, or see today's palette.