Olive Loft color palette — #ECF9F1 · #C0B769 · #00948B · #7E7400 · #021C21
A conversation between Walnut and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Gold (#C0B769): A luminous, balanced green — the color of new leaves after rain.
- Fern (#00948B): A luminous, balanced teal — the color of glacier melt.
- Walnut (#7E7400): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#021C21): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Tempered Field color palette (#EDF8F4, #B7CF8F, #00A695, #6E8E20, #0F282C)
- Pale Emerald color palette (#F0F8EF, #E8A54D, #009959, #9C6400, #021D1D)
- Pine Boulevard color palette (#EAF9F7, #76CA8C, #008EB1, #008941, #051B26)
- Worn Atelier color palette (#F7F5EC, #CCDA75, #1BA366, #747E00, #040700)
- Dusty Jade Alley color palette (#E1F5E5, #86B15C, #008C6E, #604489, #113734)
- Hushed Amber color palette (#FBF4E8, #E2C971, #29BBA0, #B29300, #0F1D05)
- Amber Parlor color palette (#EEF9EE, #C48E32, #00668C, #6B4700, #061A28)
- Frosted Emerald Orchard color palette (#DCE8A3, #90BE74, #00A15F, #006B57, #003433)
Browse the whole catalog at Explore, or see today's palette.