Olive Loft color palette — #F5F2E4 · #B7B590 · #5F7F55 · #525A31 · #2A2811
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F2E4): a clean, paper-quiet neutral.
- Sage (#B7B590): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5F7F55): A full-bodied, dusty green — the color of new leaves after rain.
- Olive (#525A31): A full-bodied, dusty green — the color of fresh herbs.
- Onyx (#2A2811): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Olive Loft 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
- Fern Lantern color palette (#F1F3EA, #BDC8AC, #58907E, #5C6822, #283700)
- Wandering Olive color palette (#F8F2DB, #9FAF79, #507926, #005D26, #1C2400)
- Timeworn Amber Parlor color palette (#ECF5E8, #62B5A7, #AD8825, #007568, #332500)
- Lagoon Archive color palette (#DEEDD2, #61B7A3, #009182, #005754, #002F30)
- Teal Loft color palette (#F8F5EC, #CEE8C4, #79AC8B, #7F7747, #393932)
- Worn Alley color palette (#EBF9F4, #9FD0C4, #6A9F5E, #4E7D6D, #314842)
- Inked Fern Thicket color palette (#E5DECC, #595C24, #252E00, #041A00, #010100)
- Tempered Forest color palette (#ECEADB, #7A9864, #266523, #00452B, #081600)
Browse the whole catalog at Explore, or see today's palette.