Olive Loft color palette — #F3EEDB · #767B1B · #32312A · #1C1500 · #090602
Built around Olive Leaf, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Cream (#F3EEDB): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#767B1B): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#32312A): a grounded near-black with real depth.
- Ink (#1C1500): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#090602): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Hushed Lagoon color palette (#EDEFE1, #5A935C, #334200, #1E2012, #0D0D06)
- Lowlit Fern color palette (#EAEBD0, #386A00, #2A3438, #002609, #030A00)
- Faded Bronze color palette (#F2F4DA, #6C9D5C, #00909B, #925E00, #1F2002)
- Cypress Studio color palette (#F2F3E6, #B0B893, #518166, #5E5529, #262A0C)
- Abyss Balcony color palette (#DCEEDE, #004E51, #1B2227, #001116, #000202)
- Forest Terrace color palette (#E9E4B8, #90B479, #478A3D, #07631B, #093A1F)
- Hushed Pine color palette (#F0F4E2, #81B18A, #4A93D3, #007935, #002948)
- Tempered Cypress color palette (#F2F2EC, #CDE3CF, #4B9BA8, #006D66, #0C3521)
Browse the whole catalog at Explore, or see today's palette.