Weathered Petrol color palette — #FFDBD7 · #CFAB94 · #9C8D62 · #526A8F · #563B4B

A conversation between Slate and Caramel, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBD7): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CFAB94): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9C8D62): A luminous, dusty green — the color of new leaves after rain.
• Slate (#526A8F): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#563B4B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Warmth. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Weathered 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

• Washed Summit color palette (#FFE5D7, #D2B594, #76985D, #85606F, #653C47)
• Patina Driftwood Delta color palette (#FFDADF, #DBAC9C, #AB865A, #447260, #26473F)
• Washed Canyon color palette (#FFF2EF, #F4D2DE, #8DAD9C, #4A768B, #203C56)
• Patina Driftwood Boulevard color palette (#FFF3E9, #DED3B6, #A0A98F, #9F7E84, #5F4548)
• Weathered Hollow color palette (#FBECD2, #96B685, #009992, #7A4B5F, #572D34)
• Amber Grove color palette (#FADEDB, #C2814E, #65712F, #3E3E77, #24234A)
• Chalky Cobalt Lagoon color palette (#F5E1C8, #D99C3B, #8364B6, #0079CD, #392811)
• Chalky Quarry color palette (#F2E2DE, #EF954C, #AD7100, #745B00, #3A3A0C)

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