Sunlit Olive color palette — #D9E6C7 · #528700 · #226300 · #003A10 · #001707

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

The five colors

• Celadon Mist (#D9E6C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#528700): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#226300): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003A10): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001707): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Moss Basin color palette (#EAEEE1, #689C00, #2C6200, #023306, #000601)
• Olive Bloom color palette (#E3E1C3, #7F9500, #288200, #005B31, #001C15)
• Softworn Pine Cabin color palette (#DCF1E3, #008D61, #005F4A, #003830, #001916)
• Bronze Market color palette (#EEE6CC, #918100, #605C00, #343900, #131A00)
• Soft Pine Station color palette (#CBF8F5, #009042, #006AAD, #005424, #001021)
• Pale Pine color palette (#C5E8E8, #57CAAC, #00A6A2, #00752B, #002318)
• Quiet Atelier color palette (#E0F3D8, #4CBD41, #008F37, #006538, #00412C)
• Pale Garden color palette (#D4E4D2, #1C7B0D, #006772, #654200, #010B00)

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