Petal Alley color palette — #EFF6FF · #EFCEF6 · #BF9DBD · #3F7A7C · #105355

A conversation between Thistle and Peacock, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#EFCEF6): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#BF9DBD): A luminous, dusty pink — the color of a candy shop window.
• Teal (#3F7A7C): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#105355): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Cerulean Villa color palette (#F1F5FF, #EAD3E6, #C3ACBE, #6D85A4, #424A62)
• Driftwood Orchard color palette (#CFECFF, #B4A3CD, #AB6C7F, #006479, #234469)
• Wandering Courtyard color palette (#F4F4FF, #DCB2D0, #AD836B, #2A5A67, #002E2E)
• Softworn Apricot color palette (#F2F4FF, #FFC6E0, #D49A6F, #566DA0, #2A3B62)
• Tempered Taupe Harbor color palette (#E6EAFF, #C58CA4, #8C6140, #174259, #001825)
• Muted Driftwood color palette (#F6D9FF, #D097B3, #AD6862, #3B5A2D, #003236)
• Washed Studio color palette (#FCEBFF, #EDC2C0, #E3918B, #739C63, #075948)
• Periwinkle Market color palette (#FFF1F6, #D7D3DF, #8CAAFF, #008885, #3A285E)

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