Sunlit Olive color palette — #F7F6E9 · #A8C964 · #009E76 · #658500 · #002418

Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Pistachio (#A8C964): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#009E76): A luminous, balanced teal — the color of sea glass.
• Olive Leaf (#658500): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#002418): A deep, shadowed, dusty teal — the color of sea glass.

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

• Sunlit Mint color palette (#F2F8E7, #5AD790, #00999C, #008F52, #0A230D)
• Emerald Garden color palette (#FAF5E7, #C8BF4F, #33A000, #837A00, #0A2404)
• Softworn Olive Studio color palette (#ECECDC, #88B55E, #00875C, #467200, #091000)
• Weathered Pier color palette (#E8FAF4, #C2EC1F, #00AD6D, #708A00, #000D0D)
• Pale Meadow color palette (#FBF7CF, #36C578, #00927C, #005E9E, #00402B)
• Ancient Mint color palette (#B9FFC0, #5FD494, #00A37B, #006B5A, #003C39)
• Softworn Meadow color palette (#F5F6EE, #D1DFD2, #AFC7B6, #5B993A, #434300)
• Sunflower Corridor color palette (#E9FAF0, #E9D000, #00BBD5, #AF9C00, #02212C)

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