Worn Petrol Garden color palette — #FCF2F8 · #D7C296 · #696C9D · #3C3D68 · #2B1C26

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sand (#D7C296): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#696C9D): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#3C3D68): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2B1C26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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 Lantern color palette (#ECF8F3, #D8C193, #337A9D, #004965, #12261F)
• Muted Sand color palette (#F1F5FF, #FFE2A5, #6E71A4, #2D3753, #0B0F1A)
• Wandering Field color palette (#FBF2F8, #B1B37A, #404B89, #232A51, #2A1D27)
• Muted Loft color palette (#EFF6FF, #CBE090, #7C95C5, #4F6483, #19222F)
• Plum Thicket color palette (#FFF1F2, #DEB458, #9A4388, #601753, #2B1215)
• Lilac Ridge color palette (#FBF3F5, #E0D8D5, #D1BEB2, #AA78BE, #4F4547)
• Frosted Drift color palette (#FAF3F6, #C6BDEA, #D06A84, #876CCC, #341D19)
• Gentle Grape color palette (#F4DEE6, #D3A32C, #6E3CA3, #3F006C, #200411)

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