Olive Loft color palette — #F9EFCF · #9BA253 · #457400 · #005529 · #004130
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F9EFCF): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#9BA253): A luminous, balanced green — the color of new leaves after rain.
- Olive (#457400): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#005529): A deep, shadowed, balanced teal — the color of sea glass.
- Forest (#004130): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Worn Lime Villa color palette (#EEE7C5, #BCC700, #77AD3E, #388653, #074834)
- Muted Pine Station color palette (#DBFFE1, #6DAF82, #007943, #004423, #002C11)
- Antique Amber color palette (#FAE2D1, #C18F3C, #807200, #475700, #1F4915)
- Olive Villa color palette (#E3E1C5, #698900, #055D12, #003923, #00221B)
- Tempered Meadow color palette (#CAF6E3, #9DBC82, #309557, #006E59, #0F5752)
- Orchid Chapel color palette (#DAF5F0, #719C5D, #A860AD, #2A5E00, #4B234E)
- Soft Jade color palette (#D6EAD0, #4CAB84, #007D6B, #005455, #183656)
- Washed Cocoa color palette (#F5E2E8, #7CA186, #875821, #6D2E17, #14382A)
Browse the whole catalog at Explore, or see today's palette.