Dusty Petrol color palette — #E7FBF2 · #54ABD5 · #B77858 · #006F96 · #5D3826

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

The five colors

• Ivory (#E7FBF2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#54ABD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B77858): A luminous, balanced orange — the color of toasted spice.
• Peacock (#006F96): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5D3826): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Weathered Petrol color palette (#E7F6F1, #73AAD8, #CB7155, #006AA7, #471403)
• Petrol Chapel color palette (#FFF0FD, #829FD9, #A2863E, #4062AC, #514011)
• Patina Coral color palette (#EEF9EB, #54B2A6, #C36B7A, #00766B, #5E343B)
• Wandering Delta color palette (#ECF7FF, #7DC1EA, #DC8F69, #008AC4, #643319)
• Timeworn Raspberry color palette (#D9FFF1, #4A90BD, #B35A79, #637033, #203F35)
• Chalky Cornflower Meadow color palette (#F6DAF7, #0D83F3, #966400, #004D96, #402800)
• Powder Balcony color palette (#DFFDF2, #FFE4EB, #C0B9E7, #5C846C, #385850)
• Wandering Chestnut color palette (#FEF4E1, #ACAA7C, #827141, #714700, #3E3D36)

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