Dusty Petrol color palette — #F7D7C8 · #C29F6C · #848B57 · #007397 · #18284D

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

The five colors

• Shell Pink (#F7D7C8): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C29F6C): A luminous, dusty gold — the color of honey in a jar.
• Moss (#848B57): A luminous, dusty green — the color of fresh herbs.
• Teal (#007397): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#18284D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Chalky Denim color palette (#FFEBCE, #AB9E76, #669A5F, #40619C, #28174E)
• Dusty Alley color palette (#FFEAE7, #D1908A, #A77E55, #187665, #002C36)
• Dusty Jade Lantern color palette (#EFE4D2, #C0C487, #5FB066, #4A79B8, #442B70)
• Ancient Basalt color palette (#E7E5CA, #AFBA95, #5DA19A, #796A98, #53284B)
• Hushed Olive Pier color palette (#F4D7E9, #BD8379, #787224, #513F6E, #321A4F)
• Gentle Indigo Meadow color palette (#F2E5CC, #CDAD2D, #4C70E9, #866E00, #060559)
• Sunlit Studio color palette (#E6E3C8, #728B62, #1F7B5B, #443F83, #25002E)
• Powdered Terrace color palette (#F7EED7, #9E8E00, #0092B2, #C8009E, #151200)

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