Dusty Petrol color palette — #ECF4F1 · #A0CFBD · #AF698B · #007BAB · #211110

Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Pistachio (#A0CFBD): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#AF698B): A luminous, balanced rose — the color of a warm blush.
• Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#211110): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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 Raspberry Thicket color palette (#F9F3F9, #A5C3E9, #A6609F, #3C6EAD, #372A2B)
• Timeworn Cobalt color palette (#F5F0F4, #DAB6D5, #AC7353, #4A6DBF, #1E130C)
• Ancient Coral Terrace color palette (#EFF6FB, #9DDCF3, #DD7A7F, #3699B9, #352935)
• Timeworn Bloom color palette (#EEF5E6, #7EB4CC, #806E9A, #006145, #362537)
• Tempered Terrace color palette (#F6F0F4, #DED5D3, #B6AFA3, #7081B2, #3C333A)
• Hazy Pier color palette (#D0FEE9, #B0BFEB, #8B78B3, #7C3C70, #56071E)
• Muted Periwinkle Chapel color palette (#F1F6FB, #DADAE4, #D199C6, #5A9CEE, #201C28)
• Dusty Bronze Quarry color palette (#ECF4EF, #62A8BB, #9A6053, #005855, #142E12)

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