Sunlit Olive color palette — #E7FCEB · #E3A971 · #8A8100 · #00587C · #0D2812

Olive Leaf takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FCEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sand (#E3A971): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#8A8100): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00587C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#0D2812): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Bronze Bloom color palette (#E3FDE8, #E8A483, #9D7800, #005B6D, #341624)
• Aged Lantern color palette (#E5FCE9, #CBB759, #578F3E, #2D48A0, #222400)
• Antique Petrol color palette (#EAFAED, #E4C98A, #839C5F, #39649F, #123A28)
• Pine Lantern color palette (#EEF9ED, #D69843, #1C8C53, #004F75, #300038)
• Amber Field color palette (#FEECD1, #BE7100, #635D00, #004663, #34302A)
• Powdered Moss Terrace color palette (#DEF6DD, #FF9C81, #9A9F00, #646CB9, #442532)
• Amber Lagoon color palette (#E8FBEC, #AA831C, #0E3E2E, #001506, #040001)
• Hushed Lagoon color palette (#E9FAF2, #C2D9AC, #619969, #885442, #023028)

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