Petrol Garden color palette — #F0F6FD · #DAD7E5 · #AEB3C2 · #4A6296 · #343B45

Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD7E5): a clean, paper-quiet neutral.
• Ash (#AEB3C2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4A6296): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#343B45): quiet, heavy and certain.

Feels like: Creativity, 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

• Worn Cobalt color palette (#F9F3F8, #E1D6D7, #D3B8B5, #6581B0, #423641)
• Hushed Alley color palette (#F8F3FE, #E7D3DE, #C6B5CA, #90527A, #423D49)
• Patina Aubergine Corridor color palette (#F4F4FF, #D3CEEF, #AB9FC6, #74399B, #313142)
• Washed Ash Archive color palette (#E1E5FF, #BF99CB, #7B6E93, #6C4961, #593332)
• Aged Navy Atelier color palette (#E9EEF9, #B1B8D0, #898CA6, #373C7D, #1A1F2B)
• Iris Ridge color palette (#F1F5FF, #AFC8FF, #9294FE, #8A5AB3, #302C4F)
• Onyx Lantern color palette (#E4E1EB, #9F94AE, #796984, #4C0047, #0B0713)
• Fern Chapel color palette (#E4FBF3, #8AA571, #417136, #2A515C, #193D35)

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