Sunlit Olive color palette — #FBF5E6 · #9EAA70 · #3E7B13 · #7C3A33 · #374002

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9EAA70): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3E7B13): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#7C3A33): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#374002): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Tempered Field color palette (#FAF6DF, #8CAE85, #1F7C50, #763663, #23441C)
• Dusty Fern color palette (#F5F6EE, #A7B691, #398275, #72532A, #374A01)
• Misty Villa color palette (#F5EAD3, #919943, #3D6800, #514200, #2E3100)
• Tempered Courtyard color palette (#F3E6D5, #BD9700, #7A6E00, #4E5800, #00482E)
• Antique Emerald color palette (#E6FCEA, #AEC587, #009F65, #795C88, #124439)
• Violet Delta color palette (#FEF5D9, #9A9929, #8961DD, #616000, #422378)
• Timeworn Plum Archive color palette (#F5ECC1, #7C8900, #007BAE, #AE0064, #2F3400)
• Hazy Mint color palette (#FCF6D9, #C3F0B3, #44D9B5, #8B7400, #394D29)

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