Dusty Petrol color palette — #E8F4F9 · #84BFC4 · #CD8589 · #00818A · #3F2740

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

The five colors

• Ivory (#E8F4F9): a clean, paper-quiet neutral.
• Ash (#84BFC4): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CD8589): A luminous, balanced red — the color of embers at dusk.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3F2740): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Pine color palette (#E4F6F5, #95BFA2, #C285B0, #15874F, #362A47)
• Worn Blush color palette (#ECF9F2, #73BBD7, #D27897, #007EA0, #65433F)
• Antique Cobalt color palette (#ECF3FB, #96B7DA, #BF9358, #3374B6, #1E381E)
• Worn Lagoon color palette (#EEF8F0, #7CD5DD, #EB9790, #3D9CA4, #534B48)
• Bronze Veranda color palette (#E1F6FF, #54ABB9, #AF77A9, #937400, #122B35)
• Dusty Chapel color palette (#FBEEF3, #AEC1AF, #9F7A5C, #754D3C, #213026)
• Ember Atelier color palette (#E4F5FF, #00A8D4, #D6530E, #006581, #3C1000)
• Lagoon Terrace color palette (#E7F4FA, #D3D8E7, #C9BDEB, #459790, #2D414D)

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