Washed Petrol color palette — #FCF1FA · #DAA197 · #5B9C7A · #685F99 · #4E3959

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Rosewood Mist (#DAA197): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#5B9C7A): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#685F99): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4E3959): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Washed 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

• Softworn Petrol Studio color palette (#FAF2F8, #D9A19A, #8A925E, #286F9E, #60323B)
• Softworn Pewter Dune color palette (#EEF8EF, #CCAC75, #4A9AA3, #875483, #57364D)
• Softworn Petrol color palette (#EAF9F4, #A7B98B, #719966, #5D60A9, #5C3918)
• Dusty Cerulean color palette (#FAF3F6, #DADEED, #99B2DE, #3C959D, #4A526A)
• Pale Meadow color palette (#ECF9EE, #BEA15E, #00919F, #863989, #4A3400)
• Ash Alley color palette (#ECF8F3, #B5DAD4, #73A6A8, #8B748F, #3C524F)
• Timeworn Pine color palette (#F9F5E9, #999D5F, #35815B, #005F69, #47413C)
• Patina Olive Canyon color palette (#E4FDE6, #CDC392, #9CA35D, #5E8948, #235C59)

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