Petrol Garden color palette — #EDF2FA · #DFD2E5 · #C8B7D8 · #5265B0 · #1E2532

Built around Slate, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EDF2FA): a clean, paper-quiet neutral.
• Silver (#DFD2E5): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#C8B7D8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5265B0): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#1E2532): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Thicket color palette (#F1F5FF, #E1D5E9, #BCB7D7, #61649C, #3B404B)
• Hushed Harbor color palette (#F2F1F9, #E4D1DA, #D7B2CB, #90499F, #252331)
• Denim Station color palette (#E6E9F0, #CBC9DB, #AD9DB4, #4E4B8D, #12151F)
• Iris Veranda color palette (#FBF2F7, #E7D7D6, #BBB0A5, #8384EB, #3D3138)
• Tempered Harbor color palette (#F3F0F6, #DFD4D6, #C0AFA4, #A37289, #38343C)
• Rust Study color palette (#CDE5FF, #B396D3, #B9596C, #0F5B4B, #00363B)
• Midnight Summit color palette (#DCDDF3, #9118DC, #46162C, #0E0B26, #01030B)
• Patina Aubergine Parlor color palette (#EAE7F1, #AA99AE, #936F85, #5C005D, #05020F)

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