Dusty Petrol color palette — #F3E5CE · #C4BEA0 · #8C9872 · #566389 · #5B3746
Slate takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F3E5CE): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#C4BEA0): A luminous, dusty green — the color of new leaves after rain.
- Moss (#8C9872): A luminous, dusty green — the color of fresh herbs.
- Slate (#566389): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#5B3746): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Dusty 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
- Petrol Lantern color palette (#FFE7D8, #D0B99F, #97986B, #047089, #2F4B6D)
- Muted Quarry color palette (#FFF5D9, #CEDBAA, #74A581, #5B687C, #353550)
- Tempered Basalt Summit color palette (#FBF5DF, #C9CCB5, #96A98C, #8F6C7D, #614360)
- Washed Alley color palette (#FFDDCC, #BDA889, #3C8160, #694661, #573B3D)
- Dusty Cerulean Meadow color palette (#CEF2E6, #98B49D, #5286B3, #864B61, #59231D)
- Aged Grape color palette (#D9E7CF, #72BB99, #00939B, #82409B, #652948)
- Softworn Navy color palette (#E8E5CA, #8AA171, #417B63, #413D7D, #341E3D)
- Hushed Lagoon Thicket color palette (#F7F6E6, #9AC09C, #36946F, #89552E, #35362F)
Browse the whole catalog at Explore, or see today's palette.