Petrol Garden color palette — #ECF3FB · #D9D3E5 · #B6B5C9 · #466691 · #19212B
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3FB): bright and airy, almost weightless.
- Silver (#D9D3E5): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B6B5C9): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#466691): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#19212B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Wandering Petrol Lagoon color palette (#F9F3F9, #E2D6D6, #C3ADB0, #406691, #403740)
- Grape Parlor color palette (#EFF1FF, #D5D0E5, #BAA0C6, #6B3DA7, #16172D)
- Hushed Cerulean color palette (#FBF2F9, #E7D6D9, #CBC4BA, #7089BF, #342B33)
- Pewter Terrace color palette (#CDE2FC, #A698C3, #93627B, #325A55, #09302C)
- Muted Navy color palette (#E3EBF8, #AFB2C3, #8E89A2, #2A3F7A, #050B16)
- Softworn Cabin color palette (#E4E3ED, #9587A0, #766475, #3F1446, #010006)
- Antique Pine Boulevard color palette (#E7F7E9, #9FA66B, #427336, #3C4465, #092119)
- Patina Lilac color palette (#EDF2FF, #77D0FF, #9C9FFF, #A95582, #10112C)
Browse the whole catalog at Explore, or see today's palette.