Sunlit Emerald color palette — #C3E7E3 · #53CB71 · #28A9FE · #009D42 · #002B48

Kelly Green and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#C3E7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#53CB71): A luminous, vivid green — the color of new leaves after rain.
• Cornflower (#28A9FE): A luminous, vivid blue — the color of open sky before noon.
• Kelly Green (#009D42): A luminous, vivid green — the color of new leaves after rain.
• Midnight (#002B48): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Periwinkle Field color palette (#C3E6E8, #00CC9F, #729CFF, #009976, #10245A)
• Timeworn Jade color palette (#D3F5F3, #00BD6C, #00A5CA, #A58100, #002525)
• Gentle Boulevard color palette (#C3E8D9, #ADB940, #00B5CB, #818A00, #002F36)
• Seafoam Orchard color palette (#CAF7F6, #97E8E9, #00E3D3, #6AAD65, #143D3E)
• Sky Cabin color palette (#E7E9C8, #6BB5FF, #00C0B7, #0E514D, #031114)
• Pale Mustard color palette (#BFEEFA, #00CFCB, #C6A400, #009C99, #382D00)
• Sunlit Harbor color palette (#E8F9FC, #61E4D8, #B3B5FF, #25B5AA, #3E3E63)
• Frosted Indigo color palette (#D1E4E8, #00A299, #765EFF, #00726B, #0F0038)

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