Dusty Petal color palette — #F4F4FF · #E7C5FF · #ABD4A6 · #B89ACE · #2F5550

Thistle and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#E7C5FF): A whisper-light, balanced violet — the color of wild irises.
• Pistachio (#ABD4A6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mauve (#B89ACE): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#2F5550): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Dusty Petal 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

• Softworn Oat Canyon color palette (#F0F5FF, #C8D2FF, #E4C188, #99A4DD, #3C543F)
• Mallow Veranda color palette (#FFF1F4, #DCB2ED, #93BF8E, #A17CAF, #4D4E46)
• Timeworn Loft color palette (#FCF1FC, #FFC3C5, #83DBBD, #D99295, #285559)
• Antique Bone Loft color palette (#E9FAF0, #CDE2B5, #9AC1AA, #A58993, #354D4C)
• Washed Bone color palette (#F6F3FD, #C6EABF, #B98FAF, #716881, #2D2933)
• Gentle Courtyard color palette (#F6E9FF, #FF9AC7, #2AC9C0, #D2689A, #003F3B)
• Powdered Pier color palette (#FDEDF1, #C7A5D2, #88A870, #9254A6, #253715)
• Worn Bloom color palette (#F8F2FF, #FFC4EA, #3BD786, #C94BA6, #004726)

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