Petrol Garden color palette — #ECF3F8 · #D7D5E8 · #B9BDDA · #2372A1 · #172734

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D7D5E8): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B9BDDA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#2372A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#172734): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Cobalt Thicket color palette (#F0F6FC, #D8D8E4, #AFBDD4, #006EB4, #2F4254)
• Muted Denim Hollow color palette (#E4EAF0, #C7CBD7, #A1A1BA, #265789, #0D1721)
• Wandering Driftwood color palette (#F1F1F8, #DCD4D9, #BCACA9, #827E9E, #36353D)
• Nocturne Lapis color palette (#D1DFF9, #4155E7, #331F44, #060F22, #00040A)
• Driftwood Harbor color palette (#C5E7FF, #A3A4D9, #976995, #306054, #283802)
• Powdered Mulberry color palette (#E5F5FF, #008FBA, #972A63, #363E00, #001F04)
• Wandering Onyx Cabin color palette (#EBE8F4, #928A96, #7A6276, #460746, #020006)
• Aged Olive Canyon color palette (#FFECF2, #BAA856, #5F7526, #3C4978, #272000)

Browse the whole catalog at Explore, or see today's palette.