Petrol Garden color palette — #E5E9DC · #68AAD2 · #006BA9 · #00475A · #00142D
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#E5E9DC): bright and airy, almost weightless.
- Cyan (#68AAD2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00475A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Ancient Quarry color palette (#E2E3D6, #64B1AE, #00757A, #004B40, #00181C)
- Hushed Petrol color palette (#E0F3F1, #6FC1F0, #006DA9, #003C4B, #000209)
- Quiet Iris Atelier color palette (#E1EDFA, #95B0E5, #8382D4, #00618B, #01123E)
- Worn Cornflower Basin color palette (#F3E2EA, #67BBE9, #1B7FF6, #006C70, #0E053F)
- Navy Delta color palette (#E8DDD3, #5898BB, #004693, #003031, #0F0046)
- Aged Cerulean Meadow color palette (#D1EEF5, #0087A8, #005D80, #00324D, #001122)
- Dusty Cabin color palette (#F3F7EB, #B8DED2, #6C99C8, #277594, #263B5A)
- Olive Coast color palette (#D6EDE3, #0082B1, #337900, #004C69, #041400)
Browse the whole catalog at Explore, or see today's palette.