Petal Workshop color palette — #F8F6E5 · #D8C5FC · #CF9EAE · #7C9471 · #584045

Lilac Frost and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Lilac Frost (#D8C5FC): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#CF9EAE): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#7C9471): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#584045): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Stone Study color palette (#FCF5E3, #F9BCD8, #D99F83, #5D94AC, #5B403A)
• Softworn Station color palette (#FFF1F4, #E3B4EC, #B5AA78, #599673, #2D4A34)
• Dusty Bronze Lantern color palette (#FFF3E9, #FFCBE6, #D18C98, #916B24, #513836)
• Hushed Thicket color palette (#FDEDEE, #DEA0CB, #8E756D, #614F50, #271F22)
• Bone Alley color palette (#FFF1F5, #F1D4C4, #CFBBAE, #909E8D, #41513F)
• Mallow Lantern color palette (#FFF6D1, #EF9BFF, #ED7177, #008A96, #4F2440)
• Plum Pier color palette (#E1F8F0, #B1A0DA, #A85D7A, #065F57, #2C293A)
• Antique Ultramarine color palette (#FCE2A8, #FF8B75, #B69117, #285FBE, #431D00)

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