Olive Loft color palette — #D4F1E7 · #677D00 · #006550 · #003D4D · #01000F
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4F1E7): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#677D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006550): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003D4D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#01000F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, 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
- Sunlit Corridor color palette (#D8F2F0, #008945, #006269, #00356D, #030009)
- Fern Lantern color palette (#E1F4E4, #906B00, #356400, #004039, #000204)
- Olive Studio color palette (#EDEBD4, #808B5B, #517442, #005458, #00151B)
- Dusty Fern color palette (#D4E8DD, #888F41, #556C00, #693B00, #060600)
- Tempered Cobalt Hollow color palette (#E0EFEE, #7EA6BF, #007EAD, #005B69, #000A16)
- Eclipse Chestnut Balcony color palette (#DBE6DB, #7A5300, #2B2000, #1B0D03, #030100)
- Wandering Boulevard color palette (#D5EBF0, #00948B, #006C9B, #4900AD, #14000E)
- Terracotta Villa color palette (#F3E6F0, #A21A14, #2F3F00, #001B38, #070000)
Browse the whole catalog at Explore, or see today's palette.