Dusty Petrol color palette — #FCF1F8 · #D8A392 · #8D9157 · #326CA3 · #5F3531
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF1F8): a clean, paper-quiet neutral.
- Rosewood Mist (#D8A392): A luminous, dusty orange — the color of autumn markets.
- Moss (#8D9157): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#326CA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5F3531): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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 Atelier color palette (#FAF2F9, #E09D97, #5F9C70, #5D639D, #4A3A5B)
- Softworn Garden color palette (#F6F4FD, #CDA0C9, #9C8B56, #00768A, #3F3E5F)
- Nightshade Parlor color palette (#FFF1F6, #CA996F, #229384, #6B499A, #542C0A)
- Dusty Study color palette (#FEECF3, #C38F60, #495E52, #463139, #261F24)
- Hushed Olive Veranda color palette (#FAF4EC, #B39353, #5B7C32, #0E6152, #48403D)
- Sand Studio color palette (#FFF1F6, #F9B780, #AAAF6E, #5C957A, #523852)
- Dusty Ash Parlor color palette (#FCF1FF, #E3CDD7, #8FAD9D, #78869D, #535165)
- Tempered Olive color palette (#FFF1F7, #E7C698, #B9A256, #777828, #2F584E)
Browse the whole catalog at Explore, or see today's palette.