Pale Garden color palette — #F9DBEB · #B1ACFF · #559700 · #00899A · #1E1741

Olive Leaf and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9DBEB): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#B1ACFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#559700): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#00899A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E1741): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Wandering Sapphire color palette (#FFD9E3, #DE94FF, #009A6F, #1A72F1, #2B1335)
• Pale Fuchsia color palette (#FFDADB, #FF86D7, #719100, #0086AA, #370B2A)
• Frosted Pine color palette (#C8EFE1, #66C1FF, #A87A00, #00905E, #002237)
• Pale Boulevard color palette (#FFD9E3, #D997FF, #9A8100, #597820, #2B1337)
• Hushed Workshop color palette (#FEE0DC, #FF6EAB, #6A9C00, #006F9E, #00283B)
• Worn Cornflower color palette (#D4E6FF, #387EFF, #00903C, #00675B, #0B1E3F)
• Dusty Summit color palette (#F6D5D1, #FF81B2, #00936F, #0B76CA, #2F0F0C)
• Gentle Cobalt Archive color palette (#FDEAE2, #FFA59D, #00A47C, #4683D3, #391E13)

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