Petrol Garden color palette — #F6F0F4 · #E1D5D3 · #CFB9AC · #6772A0 · #32292F

A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#E1D5D3): a clean, paper-quiet neutral.
• Stone (#CFB9AC): A luminous, dusty gold — the color of honey in a jar.
• Slate (#6772A0): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#32292F): a grounded near-black with real depth.

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

• Timeworn Plum color palette (#FBEEF0, #E3D4C6, #DEB69C, #994396, #2F2022)
• Ash Garden color palette (#F1F5FD, #E0D8E2, #CDBBC6, #838DB4, #434852)
• Timeworn Driftwood Ridge color palette (#D2EDE2, #C6A8B8, #A37875, #455D46, #263827)
• Lagoon Boulevard color palette (#F7F1E6, #A6BC8D, #438467, #6B4B4C, #2A2814)
• Wandering Basin color palette (#F2E3E8, #8D59B8, #492523, #201016, #090508)
• Washed Mulberry Corridor color palette (#F2E6E6, #DBC6BF, #BA9D86, #7B3968, #201112)
• Aubergine Pier color palette (#F5ECF1, #B1999D, #9E6A7A, #321D80, #090206)
• Mulberry Orchard color palette (#F0F4E1, #6B9EE3, #924E89, #25522C, #311A28)

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