Sunlit Olive color palette — #ECF8F5 · #9BC283 · #00938F · #478401 · #001C23

A conversation between Olive Leaf and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Mint Leaf (#9BC283): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#00938F): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive Leaf (#478401): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001C23): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Lagoon Study color palette (#EDF8F2, #C4B754, #00976C, #7F7300, #001D1E)
• Pale Cobalt Corridor color palette (#ECF8F8, #6BCAA5, #3784CB, #008662, #07192B)
• Olive Field color palette (#F6F6E9, #ADE28B, #009CAB, #4A8900, #000802)
• Airy Lagoon color palette (#BFF4C8, #6AC29E, #00978D, #006870, #003342)
• Gentle Jade Workshop color palette (#DDF6E2, #4AB989, #008890, #74406D, #00383E)
• Hushed Indigo color palette (#E5FAF7, #549A51, #625DB8, #7B334E, #0B2610)
• Worn Lagoon Workshop color palette (#EEF7F7, #D0DBE2, #B2C0CE, #4E9167, #2C3F3E)
• Frosted Delta color palette (#FAF5E8, #D6CE70, #91B6FF, #8F8500, #20131F)

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