Olive Loft color palette — #E2DFC6 · #44892F · #00584A · #002E38 · #00182F

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E2DFC6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#44892F): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00584A): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#002E38): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00182F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Wandering Coast color palette (#E8F3E6, #008E6E, #005764, #002540, #130042)
• Olive Dune color palette (#F9ECDE, #788000, #155400, #002D27, #001A20)
• Hazy Clover Parlor color palette (#E9E8D8, #5EB656, #009077, #006173, #001831)
• Jade Canyon color palette (#DBE6DB, #36A573, #007769, #00454A, #00171F)
• Hazy Pine color palette (#FFD9E2, #1A7B0E, #004453, #480026, #001C13)
• Timeworn Mustard Veranda color palette (#D6E6C5, #BCA100, #008D68, #006094, #001718)
• Lagoon Terrace color palette (#E5E8D4, #4E8D76, #2E5A72, #532813, #2F1D00)
• Forest Balcony color palette (#EBEEE0, #B3BCB0, #789785, #06540E, #1F210F)

Browse the whole catalog at Explore, or see today's palette.