Dusty Petrol color palette — #FFF0F8 · #D18B69 · #4C9F9B · #4570A7 · #432A38

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Camel (#D18B69): A luminous, balanced orange — the color of sun-warmed clay.
• Eucalyptus (#4C9F9B): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4570A7): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#432A38): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, 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

• Apricot Canyon color palette (#FFF2EA, #FA9561, #00B5B2, #4D73AB, #312015)
• Worn Courtyard color palette (#E9FAED, #C4A03C, #1F957C, #3D5E91, #532641)
• Antique Amber color palette (#E9FBEA, #C2964D, #479ABE, #6C679D, #233925)
• Ancient Blush color palette (#FBF1FF, #D77F9D, #699F68, #007D89, #3B2C42)
• Timeworn Marigold Pier color palette (#E5FDE9, #D2AB60, #7E8E57, #3C6693, #294435)
• Hushed Chapel color palette (#FDF0FD, #BA6468, #00827F, #5D4285, #3D2C3D)
• Lapis Chapel color palette (#FFD9E5, #BB7604, #00859E, #4E34C5, #2F1A00)
• Chalky Mint color palette (#FFF3E8, #F4A56A, #39C7A2, #8487D2, #37322D)

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