Sunlit Garden color palette — #DBE4FF · #9AB1FF · #CDB120 · #556DF3 · #372D00

Sapphire takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DBE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9AB1FF): A luminous, balanced violet — the color of a velvet chair.
• Gold (#CDB120): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#556DF3): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Airy Indigo Canyon color palette (#DAE4FF, #AAABFF, #8AC820, #7262F3, #213500)
• Frosted Sapphire Market color palette (#F0F6FF, #90B0FF, #00B490, #3055ED, #00251C)
• Linen Thicket color palette (#D4E6FF, #84B7FF, #FF766D, #2684FB, #5C0007)
• Worn Summit color palette (#F1F5FF, #CBD1FF, #C5CF77, #9AA1EB, #365449)
• Dusty Marigold color palette (#E3F0E3, #F2A305, #AA83EB, #493668, #111222)
• Lime Market color palette (#F3F4FF, #CCB7FF, #33E74A, #9D6AF3, #02480D)
• Byzantium Quarry color palette (#DEDAF4, #EEA0FF, #79B704, #A232B9, #1C3000)
• Hushed Ember Veranda color palette (#C4ECFF, #7BD6FF, #E96542, #0095C3, #561200)

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