Sunlit Olive color palette — #F2EFDA · #9DB35F · #A082DA · #677C00 · #3A2C55
A conversation between Olive Leaf and Wisteria, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2EFDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9DB35F): A luminous, balanced green — the color of a quiet forest floor.
- Wisteria (#A082DA): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#677C00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#3A2C55): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, 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
- Linen Marigold color palette (#FBEDD4, #C7A341, #6E94DD, #8C6D00, #1A3365)
- Muted Alley color palette (#F5F7E7, #8FC98B, #C28FCC, #549251, #513756)
- Wisteria Thicket color palette (#E1FDF3, #C0DB6D, #BC7FF7, #637800, #311D43)
- Dusty Indigo color palette (#F0F0DA, #729C58, #7B6FD5, #305D00, #332D5D)
- Blush Ridge color palette (#E6F4D9, #59BD9C, #CE73A0, #008666, #53213B)
- Emerald Villa color palette (#DCF5F1, #86D58C, #96AAFF, #43AA52, #29315C)
- Antique Moss color palette (#E8E7C6, #7AA632, #338EDB, #B65168, #2F2D08)
- Powdered Byzantium Basin color palette (#E5E5C4, #6EAB2C, #8B31B5, #375F00, #2B003E)
Browse the whole catalog at Explore, or see today's palette.