Dusty Petrol color palette — #E3F7EF · #5CAED9 · #C07A52 · #006D96 · #411B02

Peacock and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E3F7EF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5CAED9): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#C07A52): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006D96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#411B02): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Ancient Denim Canyon color palette (#FBEDF8, #83A2E7, #AA8748, #4561A4, #352400)
• Ancient Coral color palette (#EBF6E3, #64B69F, #CA7068, #007660, #431715)
• Linen Cerulean Terrace color palette (#ECF7FF, #7DC2E5, #DD8F5F, #008CBC, #5F371D)
• Aged Cerulean color palette (#DBFAEF, #4495CB, #AF6D3D, #955C0E, #02251C)
• Airy Moss color palette (#E7FBF1, #63AAC9, #71974B, #007092, #344A1E)
• Gentle Cornflower color palette (#D6E5FB, #2382FB, #A06100, #00489B, #231100)
• Lagoon Coast color palette (#DFF9EE, #FFDDFC, #EAB8C6, #56908F, #3D2E3D)
• Wandering Coast color palette (#F9EEF6, #BEB576, #435186, #381C32, #130811)

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