Petal Canyon color palette — #FFF1F4 · #EDC3FE · #C0CF93 · #BE97CE · #4E4D46
A conversation between Thistle and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Thistle (#EDC3FE): A whisper-light, balanced pink — the color of a candy shop window.
- Pistachio (#C0CF93): A whisper-light, balanced green — the color of fresh herbs.
- Mauve (#BE97CE): A luminous, balanced pink — the color of peonies in June.
- Charcoal Brown (#4E4D46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Petal Canyon 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
- Timeworn Seafoam color palette (#FFF2EF, #FFC1D0, #84DBBE, #D493A3, #46523A)
- Worn Workshop color palette (#FFF1F5, #DFB1FF, #B0C886, #7EB6AE, #4E3D42)
- Cocoa Alley color palette (#FFF0FC, #C2D4FF, #E7BF8C, #93A7D9, #6B4400)
- Weathered Mallow Veranda color palette (#F4F4FF, #D7B2FA, #6CC0D0, #997FB2, #305261)
- Tempered Corridor color palette (#FDF2F3, #DFE4A1, #BE8CAE, #806566, #332829)
- Mallow Atelier color palette (#FFF1F3, #F8D2FF, #D7A9E0, #9C79A0, #4E2E36)
- Violet Atelier color palette (#F1F1FB, #C1A7D3, #8FA665, #8B57AB, #043A2F)
- Wandering Dune color palette (#FBF5E7, #E2DBAE, #C5B48F, #A38E77, #494C00)
Browse the whole catalog at Explore, or see today's palette.