Dusty Petrol color palette — #FEF1F6 · #CE9B6F · #2E9D9D · #5360A1 · #3C3142

Slate and Cerulean set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Camel (#CE9B6F): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#2E9D9D): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5360A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#3C3142): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Muted Apricot Studio color palette (#FDF3EB, #F8A05B, #23A2A8, #637198, #31201D)
• Hushed Chapel color palette (#ECF9F2, #A79E63, #518BBE, #7E5184, #3F2F38)
• Aged Canyon color palette (#FAF2FC, #D08991, #5D9365, #00738C, #313042)
• Timeworn Taupe Parlor color palette (#ECF9EE, #D4B992, #8D9A5C, #48739A, #364E3F)
• Quiet Grape color palette (#E9FBEA, #AD7D00, #0081A0, #5E11CB, #3D1517)
• Weathered Taupe color palette (#E9F5EE, #A79C63, #465E57, #2A3D32, #1E231E)
• Hushed Pine Lantern color palette (#EFF8F0, #9E8049, #3B7443, #444874, #29382B)
• Aged Cabin color palette (#F2F7F1, #D3DCDB, #A7B7BF, #B6956D, #4F544F)

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