Petrol Garden color palette — #E0ECEB · #93B9D0 · #0074A0 · #004A54 · #001829
A conversation between Slate and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0ECEB): a clean, paper-quiet neutral.
- Ash (#93B9D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Garden color palette (#E9F5F4, #B1CBE0, #3D82B7, #00586E, #04213F)
- Worn Canyon color palette (#F5EDE8, #8FBDA6, #226DA5, #00504B, #1A2A5A)
- Patina Veranda color palette (#CEE4E3, #78A1C6, #255897, #00364C, #00032F)
- Weathered Villa color palette (#C5F2FA, #75E0E4, #4DADC3, #04715A, #002221)
- Antique Grove color palette (#DBEDEA, #4298A5, #005263, #002C2C, #000509)
- Aged Sapphire Pier color palette (#DDF0F2, #009574, #4664BF, #005440, #030342)
- Hazy Station color palette (#D3E4D4, #07A25C, #006642, #003F2F, #001C16)
- Timeworn Corridor color palette (#CCF9FC, #007E62, #006691, #544E00, #000E09)
Browse the whole catalog at Explore, or see today's palette.