Sunlit Emerald color palette — #F3F4FF · #BCABFF · #AD7B00 · #009736 · #00283A

A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#BCABFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#AD7B00): A luminous, balanced gold — the color of honey in a jar.
• Kelly Green (#009736): A full-bodied, vivid green — the color of fresh herbs.
• Midnight (#00283A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Amber Dune color palette (#F1F5FF, #97A2FF, #DE7600, #488700, #002933)
• Misty Garden color palette (#F4F4FF, #CF81F7, #B28E00, #00946D, #012249)
• Dusty Tangerine Ridge color palette (#F5F3FF, #EA8FF3, #F06B00, #528600, #003742)
• Worn Lilac Hollow color palette (#E6E6FD, #AB83DF, #A07500, #007753, #001223)
• Pale Ember color palette (#EEF6FF, #5AACFF, #F65B4B, #827400, #002E2A)
• Moss Study color palette (#F8F2FF, #FF8BCF, #659600, #00838A, #212049)
• Linen Olive color palette (#DFFFE5, #E7A1FF, #E2739E, #628900, #50204A)
• Patina Cerulean color palette (#F9F3FA, #E7A8AB, #6EB686, #2A91B5, #333243)

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