Frosted Pier color palette — #FFF1F5 · #DEB2FF · #4CCF57 · #9F53CF · #013A09
Built around Clover, softened by Amethyst — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#DEB2FF): A whisper-light, balanced violet — the color of a velvet chair.
- Clover (#4CCF57): A luminous, vivid green — the color of fresh herbs.
- Amethyst (#9F53CF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Forest (#013A09): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Frosted 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
- Chalky Thicket color palette (#F5F4FF, #F1C8FF, #86D023, #BD38E5, #274400)
- Chalky Raspberry Lagoon color palette (#FFF1F2, #FFBEF1, #00C976, #BF23AA, #00391D)
- Washed Lantern color palette (#FFF0F7, #CABCFF, #CEAE08, #855EDE, #382E00)
- Mulberry Orchard color palette (#FFF1F2, #EF96D7, #55A334, #93247E, #071E00)
- Powdered Rose color palette (#FFF2EF, #FFC1CB, #69D1B4, #C7677B, #004335)
- Aubergine Studio color palette (#F5F4FF, #CF7BE9, #469500, #790095, #1F4506)
- Worn Celadon color palette (#FFF1F2, #A8EF92, #964B88, #471A3F, #120304)
- Wandering Emerald color palette (#FDF0FF, #F09CFF, #31A64A, #008774, #311337)
Browse the whole catalog at Explore, or see today's palette.