Periwinkle Garden color palette — #FEF1F9 · #C9D2FF · #DBC582 · #99A3E1 · #504D46

Mauve and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Lilac Frost (#C9D2FF): A whisper-light, dusty violet — the color of wild irises.
• Honey (#DBC582): A whisper-light, balanced green — the color of fresh herbs.
• Mauve (#99A3E1): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#504D46): quiet, heavy and certain.

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

Use it as a design system

One click turns Periwinkle Garden 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

• Worn Ash Boulevard color palette (#FFF1F3, #F2C1F6, #A7D6A1, #C595C9, #4D4E46)
• Ancient Cocoa color palette (#E3FCF4, #B1DAFF, #F3B98E, #81ADD5, #713F03)
• Mustard Studio color palette (#FFF0FA, #B8C3FF, #D4BB76, #90B391, #4D3D48)
• Dusty Mint Field color palette (#F0F5FF, #AAC3FF, #6CC5AA, #778BBD, #2C5558)
• Hazy Chartreuse Station color palette (#FFF1F7, #C9B8FF, #B1D225, #9675E2, #354100)
• Dusty Powder Station color palette (#FFF0F7, #DFDAFF, #B6AEE9, #8885AF, #4B2A3B)
• Ancient Celadon Pier color palette (#FCF2F6, #D3E8A7, #BA91A3, #7D6570, #33272D)
• Cobalt Boulevard color palette (#EDF2FC, #A1B3D9, #AD9C5D, #5D69B9, #133A25)

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