Dusty Petrol color palette — #EEF6FF · #DFD6FF · #DDA2BB · #007585 · #313B57

A conversation between Teal and Ballet Pink, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Thistle (#DFD6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#DDA2BB): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#313B57): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, 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 Summit color palette (#F2F5FF, #E0DAFF, #E09682, #006CA8, #4A3353)
• Patina Pine color palette (#E8F8FF, #C2D9F4, #C6A6D3, #007954, #16465A)
• Ancient Mallow color palette (#FDECFB, #D6D3FF, #DAA5E3, #266E9D, #331C2B)
• Aged Cerulean Veranda color palette (#F1F5FF, #E1D6E2, #F0A9A9, #328DAE, #4D506A)
• Softworn Rose color palette (#DBE8FF, #CBB1E3, #C2646E, #005569, #24214B)
• Soft Grape color palette (#F2E6FF, #F1B7B4, #C29F47, #6443A8, #432C46)
• Rust Harbor color palette (#E8EDFF, #C188BD, #BB5D44, #003E62, #1F0431)
• Petal Quarry color palette (#E1FDF3, #EADDF0, #FFBBD9, #76B3BA, #503A4B)

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