Gentle Alley color palette — #F5F8E0 · #7DBADA · #857CBC · #5E6B00 · #4B334E

Olive and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#7DBADA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#857CBC): A luminous, balanced violet — the color of wild irises.
• Olive (#5E6B00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#4B334E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Gentle 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

• Faded Archive color palette (#FBF5E3, #68BFDA, #7980C0, #6B6700, #16473A)
• Dusty Pine color palette (#F6F7E5, #9AAEEF, #A572A2, #2B734B, #513242)
• Lilac Atelier color palette (#E3FCF1, #9DD2FF, #9D84C1, #656733, #253247)
• Softworn Harbor color palette (#FCF3EF, #C8E4DB, #6AB1C1, #398D5E, #235242)
• Tempered Iris color palette (#F1DEEA, #8087D2, #5F454C, #3C2535, #111B18)
• Gentle Harbor color palette (#F5EFD6, #BD8AD5, #B55462, #006267, #45223C)
• Muted Corridor color palette (#FAF4ED, #D0C3A4, #85976B, #666F98, #533F00)
• Worn Grape Terrace color palette (#FFF0FE, #8790DE, #7754AD, #7C313F, #363C50)

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