Dusty Petrol color palette — #F5F4FF · #A382AF · #368E91 · #09678E · #3D3B4C

Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Dusty Rose (#A382AF): A luminous, dusty pink — the color of a candy shop window.
• Cerulean (#368E91): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#09678E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3D3B4C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Denim Corridor color palette (#F8F3FE, #A16D88, #197695, #374B86, #353447)
• Timeworn Parlor color palette (#F6EEFB, #BF7E9B, #3990A1, #5D5882, #271F2C)
• Weathered Villa color palette (#ECF9EE, #A78C5A, #508E6F, #006D6E, #314233)
• Hushed Pewter color palette (#FEF0FB, #C07B71, #717CA8, #6D4F8B, #473744)
• Wandering Apricot color palette (#FFF2EB, #DE9680, #58AE96, #607AAE, #433B38)
• Washed Amber Summit color palette (#FFF1F5, #B58554, #638A66, #7E4C6E, #4C363E)
• Worn Nightshade color palette (#FBF1FF, #BA4875, #006BAC, #3D12C5, #49172B)
• Aged Driftwood Drift color palette (#FAF3F5, #D9E1DE, #B9C8C6, #A07950, #595053)

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