Olive Loft color palette — #F5DCB8 · #BDAF6E · #5E842F · #006B3F · #004F44
Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Peach Cream (#F5DCB8): A whisper-light, dusty gold — the color of old brass.
- Camel (#BDAF6E): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#5E842F): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006B3F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F44): 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
- Olive Studio color palette (#EAE9C8, #A6B764, #538D11, #246129, #003735)
- Feathered Villa color palette (#FFDACC, #C5985F, #8E7F05, #4D5D00, #274F2C)
- Misty Lagoon Drift color palette (#F8E9BE, #90B374, #009269, #006864, #004C54)
- Hushed Summit color palette (#F9DEA7, #D1D064, #87B862, #5C9D71, #1B4C55)
- Antique Olive Loft color palette (#F6F7E3, #88AB79, #A375B1, #377800, #52365B)
- Washed Lantern color palette (#E2F0D8, #2FC279, #00827A, #005860, #253861)
- Twilit Forest color palette (#E1E5D8, #006E31, #004331, #001C1C, #000A0F)
- Wandering Cocoa color palette (#FFF3E8, #B7A581, #8F6A47, #793E36, #3E3D36)
Browse the whole catalog at Explore, or see today's palette.