Olive Loft color palette — #FDF5D0 · #CEA900 · #989E00 · #33830B · #1E2500
Olive Leaf and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FDF5D0): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#CEA900): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#989E00): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#33830B): A full-bodied, vivid green — the color of new leaves after rain.
- Onyx (#1E2500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Mustard Hollow color palette (#F8EED8, #ECAA13, #AB8D00, #5C6A00, #2B2700)
- Moss Loft color palette (#F0F2D3, #B2BF41, #5DA01A, #008251, #022803)
- Aged Basin color palette (#E2E4D3, #9CB200, #3B9900, #00623B, #001803)
- Dusty Lime Coast color palette (#DAF8E7, #FFA960, #A8AD00, #00A37F, #1C2B00)
- Antique Quarry color palette (#F4EEDB, #F8A355, #9E9B00, #007F68, #071000)
- Pine Study color palette (#E9F1E4, #539D3F, #007A29, #004826, #002E2E)
- Chartreuse Hollow color palette (#DDFBEF, #FAD341, #C4CF00, #70BD3C, #1A2400)
- Tempered Mint Boulevard color palette (#EEF7E2, #67D375, #00A075, #00736B, #00281F)
Browse the whole catalog at Explore, or see today's palette.