Petal Coast color palette — #F3F4FF · #ECCCF9 · #C0B3DA · #AA8DA1 · #634B55

Thistle and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#ECCCF9): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C0B3DA): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#AA8DA1): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#634B55): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Ash Terrace color palette (#EEF6FF, #BBC3E7, #AC9ABE, #557C7A, #315758)
• Washed Shell Coast color palette (#F8F2FF, #FAC6D3, #C7AEC5, #77957E, #375446)
• Mallow Field color palette (#EADAFF, #E3ABFF, #CD90DD, #AA78A9, #56364F)
• Wandering Cypress Lagoon color palette (#DEF7FF, #9FB5CD, #80819B, #32646B, #133C48)
• Airy Mallow Garden color palette (#F5F3FF, #F5AFFB, #72CAF2, #C284C8, #20475E)
• Worn Bronze color palette (#FFF0FA, #F3D1CD, #CBABAA, #8F722C, #4C4900)
• Softworn Mallow Corridor color palette (#EFE3F0, #F09CDA, #D681A0, #A27147, #523900)
• Lilac Meadow color palette (#E7DEEC, #B778B5, #A16385, #834826, #281600)

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