Petrol Garden color palette — #FAEBE3 · #71C8C7 · #007389 · #004026 · #000306
Built around Teal, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Cream (#FAEBE3): a clean, paper-quiet neutral.
- Aqua (#71C8C7): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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 color palette (#F9EBE2, #66C4E9, #006AB1, #003E3B, #010015)
- Patina Cobalt color palette (#FFF2EC, #91D9E8, #0085B6, #005344, #000C22)
- Worn Iris color palette (#CFFFFE, #87CFF2, #8893FF, #006549, #000405)
- Weathered Lagoon color palette (#D2E7D8, #009E81, #006360, #002E34, #000509)
- Teal Hollow color palette (#D4E6E2, #4DC5C4, #00959E, #006E61, #00181C)
- Muted Turquoise color palette (#95EFFF, #00ABCC, #005E69, #00191F, #000102)
- Aged Station color palette (#E2F5DE, #009287, #A54700, #004641, #030100)
- Gentle Quarry color palette (#DEECDF, #00767B, #A60037, #762200, #000202)
Browse the whole catalog at Explore, or see today's palette.