Dusty Petrol color palette — #F2E5EB · #67C0E3 · #256FAC · #004B48 · #091137

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F2E5EB): bright and airy, almost weightless.
• Cyan (#67C0E3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#256FAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#091137): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Workshop color palette (#F8ECE4, #86BAD0, #2C69AF, #005145, #292850)
• Nightshade Veranda color palette (#E8F4E7, #66A2D8, #384FA9, #003841, #0D0128)
• Cobalt Canyon color palette (#F4EDE3, #98CDE5, #318ECB, #006B71, #102D55)
• Wandering Cypress Meadow color palette (#F8EFF3, #D8D1E5, #829EC3, #3A7677, #2F3646)
• Washed Cerulean Coast color palette (#FCE7F6, #009BAF, #00506F, #002D23, #000410)
• Antique Bloom color palette (#EED9E0, #467EA9, #163382, #001F23, #010009)
• Plum Bloom color palette (#F5E8FF, #BE0079, #007050, #005856, #12031C)
• Linen Raspberry color palette (#E8DDF1, #D72994, #007D68, #800054, #001711)

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