Dusty Petrol color palette — #FBF2FC · #D38F95 · #57916A · #007696 · #2F2E41

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

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Dusty Rose (#D38F95): A luminous, balanced red — the color of a theater curtain.
• Fern (#57916A): A luminous, balanced teal — the color of sea glass.
• Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2F2E41): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Worn Petrol color palette (#FDF1F8, #D5A491, #709968, #297099, #573550)
• Wandering Bloom color palette (#F6F3FD, #BE94BD, #8A8E49, #00796F, #273241)
• Wandering Balcony color palette (#FFF2ED, #FE9BA6, #6DAA7A, #336B88, #2E2023)
• Antique Cerulean Station color palette (#FEF1F5, #C69866, #289DA6, #5A66A2, #3A2E3E)
• Olive Workshop color palette (#F9F3FA, #BD7383, #48792F, #3C527F, #3C323E)
• Mustard Pier color palette (#FEF3EA, #EDB575, #90B687, #5D9374, #3D2D33)
• Wandering Basin color palette (#FFF0F7, #B97332, #007E7F, #413AB2, #36121F)
• Patina Amber color palette (#FAEEF3, #CA8B5C, #4D5D4F, #44323A, #271F24)

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