Weathered Petrol color palette — #FCF2F8 · #BECC92 · #666CA3 · #55374C · #2A1D26

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Pistachio (#BECC92): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#666CA3): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#55374C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2A1D26): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered Petrol 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

• Oat Summit color palette (#FCF2F5, #D5D4AA, #98707E, #60444E, #35272C)
• Mulberry Boulevard color palette (#FFF1F3, #AEC858, #944493, #542653, #2D1016)
• Cobalt Ridge color palette (#F1F5FE, #DEEEB1, #6970AD, #2C3753, #0B0F19)
• Wandering Canyon color palette (#E7FAF4, #EBB6A2, #4A769A, #234B41, #102721)
• Tempered Orchard color palette (#FEF1F7, #FFC4C5, #9389D4, #7A576A, #2B1C24)
• Worn Workshop color palette (#F2F5FF, #C2A2C3, #50497D, #2D274E, #201929)
• Timeworn Iris Ridge color palette (#FBF2F7, #C0BDF6, #C1796C, #7C76BC, #321F15)
• Washed Grape Summit color palette (#FADAE8, #77C24F, #673AB1, #341E5A, #1D0612)

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