Sunlit Olive color palette — #F6F6EC · #9FC184 · #7278C4 · #4E8300 · #22121D
Built around Olive Leaf, softened by Periwinkle — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Sage (#9FC184): A luminous, balanced green — the color of fresh herbs.
- Periwinkle (#7278C4): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#4E8300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#22121D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, 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
- Dusty Meadow color palette (#F4F6EF, #9ED3AE, #7F88D0, #38955E, #2F1E29)
- Ancient Cerulean color palette (#FAF5E9, #C5B568, #008CBD, #847100, #031E15)
- Powdered Veranda color palette (#F1F7EF, #32CEBB, #986AB3, #008477, #271018)
- Olive Bloom color palette (#EBF9F5, #B4DF96, #0093D6, #52871E, #00060F)
- Muted Indigo color palette (#F4F3E2, #88A14A, #6767B6, #694900, #392800)
- Patina Courtyard color palette (#E8F8E1, #00C6AE, #864FE4, #007A6B, #160530)
- Airy Sapphire color palette (#F1F8E8, #1A9B75, #4E68C1, #7D3314, #1A240C)
- Airy Amethyst color palette (#E8E9D4, #64A73F, #744DE5, #224F00, #040015)
Browse the whole catalog at Explore, or see today's palette.