Petrol Garden color palette — #F2E5EB · #92B9D1 · #326DAD · #004D40 · #120B3C
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F2E5EB): bright and airy, almost weightless.
- Ash (#92B9D1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#326DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#120B3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Softworn Petrol color palette (#E9F1EA, #95B6CC, #006EA8, #004F54, #0E2D56)
- Antique Ridge color palette (#E3EEE2, #7AA1C4, #434DA2, #00393B, #120024)
- Powdered Pier color palette (#FAEDFB, #98DEDE, #0090B5, #006726, #00254B)
- Azure Quarry color palette (#FCF4E7, #C2F3DB, #5399CC, #00696F, #001C44)
- Ash Loft color palette (#F7EFF3, #D8D1E5, #849DC7, #3D776F, #303549)
- Weathered Denim Boulevard color palette (#F4E4F0, #5395A2, #004E76, #002D1D, #01001E)
- Ancient Teal Canyon color palette (#D5F8F6, #00B1A1, #006559, #002C28, #000907)
- Ancient Emerald Orchard color palette (#E5EAD7, #4C9328, #006F53, #003E3B, #001C21)
Browse the whole catalog at Explore, or see today's palette.