Dusty Petrol Ridge color palette — #ECF9EE · #DBAFC5 · #A19163 · #157B95 · #593F48

Teal and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Rosewood Mist (#DBAFC5): A luminous, dusty rose — the color of strawberry cream.
• Caramel (#A19163): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#157B95): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#593F48): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Dusty Petrol Ridge 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 Canyon color palette (#EDF9EF, #DBB68F, #96965E, #407597, #374E3C)
• Timeworn Delta color palette (#FFF1F6, #D5A682, #6A9A6A, #00739A, #51365B)
• Timeworn Bronze Courtyard color palette (#EAFAEC, #D79292, #897629, #465883, #55414C)
• Cocoa Grove color palette (#FFF4E2, #FFD2B9, #B2A171, #587C68, #5B3500)
• Weathered Denim Basin color palette (#FFF1F6, #CBDACE, #95B6AD, #708698, #47526A)
• Cocoa Coast color palette (#FDF4E2, #FFBEB4, #B5B17C, #9D819D, #6A3A00)
• Weathered Taupe Harbor color palette (#EAF6E9, #BE925C, #4A5E51, #303C2F, #261F23)
• Denim Cabin color palette (#EAFAED, #ADB978, #549770, #605999, #1D453E)

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