Sunlit Emerald color palette — #E9EBB6 · #97B16E · #5C8F49 · #1C653B · #004C4D
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E9EBB6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#97B16E): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#5C8F49): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#1C653B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004C4D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, 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
- Emerald Quarry color palette (#F4E2C5, #AAAC64, #4E9140, #006539, #00302A)
- Linen Boulevard color palette (#CCF3CC, #67B78D, #009071, #00695E, #1B4C5E)
- Ancient Clover color palette (#E0E5B5, #B4D786, #74BF5C, #4E9D67, #214E3A)
- Moss Atelier color palette (#D6FCE2, #B8BA7A, #74A74D, #007F49, #005951)
- Chalky Pine Studio color palette (#ECFDD3, #82C7A4, #33855C, #005335, #00381F)
- Muted Olive color palette (#FADBAC, #C1A856, #7E7716, #545F11, #474740)
- Hushed Pine color palette (#F4F7E6, #75B177, #AD71A9, #35763A, #563554)
- Antique Fern Study color palette (#F1FADD, #B3F0FB, #B0D5B8, #6D8153, #435917)
Browse the whole catalog at Explore, or see today's palette.