Dusty Petal Pier color palette — #F6F3FF · #DDC9F0 · #C4B2C8 · #A3858F · #3E5142

Lilac Frost and Heather set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Lilac Frost (#DDC9F0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#C4B2C8): A luminous, dusty pink — the color of neon signs at night.
• Heather (#A3858F): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#3E5142): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Ancient Basalt Dune color palette (#DAEFFF, #B1BED0, #877FA2, #346169, #17364B)
• Quiet Mustard Quarry color palette (#FAF1FF, #FFB2CC, #D5BC62, #D4819F, #254C35)
• Hushed Orchard color palette (#FFF1F5, #EFD4C9, #CA9F93, #817C33, #40540F)
• Softworn Lantern color palette (#EDF8F7, #D0DDF6, #8FC5EB, #65A3B4, #354A5F)
• Dusty Stone Alley color palette (#FFE3F3, #E4B893, #95B197, #608580, #1F5355)
• Weathered Blush color palette (#FDD2F5, #FFAAE1, #E98CBC, #B36F8C, #5F3642)
• Frosted Rust color palette (#F5D4EC, #C27798, #AC5866, #6C4B14, #002011)
• Soft Blush color palette (#FDF0FF, #FF9DB0, #E1A85A, #AE99D1, #413145)

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