Petrol Garden color palette — #EAF9F7 · #D7DDE9 · #66B1D4 · #007D8B · #00324C
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF9F7): a clean, paper-quiet neutral.
- Silver (#D7DDE9): bright and airy, almost weightless.
- Cyan (#66B1D4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007D8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00324C): A deep, shadowed, dusty blue — the color of open sky before noon.
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 Quarry color palette (#DBF5EF, #6FC8C7, #00757D, #003F36, #000304)
- Tempered Cerulean Workshop color palette (#EDF8F7, #DADCE7, #9DBEE6, #528AA6, #2A405E)
- Hushed Meadow color palette (#E8FAF5, #B1E9FD, #00A6AB, #006C5A, #002428)
- Cobalt Loft color palette (#F4F6ED, #A6D0BA, #0083B0, #005E69, #133F59)
- Muted Cobalt Hollow color palette (#E7FAF8, #9CD4F4, #0081C4, #004F61, #000D1F)
- Tempered Alley color palette (#F9F0EA, #ABD2BD, #2982C0, #005C55, #2F162C)
- Patina Raspberry color palette (#F8F2FF, #F4A1D0, #58ADF4, #B4478C, #002A48)
- Driftwood Workshop color palette (#FBF1FF, #E8DCD7, #CFC39D, #B07694, #432E46)
Browse the whole catalog at Explore, or see today's palette.