Olive Loft color palette — #ECE2C6 · #786F00 · #00725D · #004A77 · #020200

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

The five colors

• Parchment (#ECE2C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#786F00): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#00725D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004A77): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Aubergine Delta color palette (#F0EAD1, #6B6C00, #005D5D, #45007A, #040100)
• Powdered Workshop color palette (#EFDEC6, #8D6400, #00725E, #281AC1, #030100)
• Quiet Aubergine Chapel color palette (#F9E8DA, #AB5900, #006360, #5B005F, #040100)
• Hushed Bloom color palette (#DAE6CA, #00815B, #006998, #72007E, #000201)
• Sunlit Bronze color palette (#F8E3CB, #9B8200, #536900, #004E24, #000302)
• Charred Fern Villa color palette (#F3ECCD, #4E5200, #004644, #001C27, #010100)
• Softworn Chestnut color palette (#F4EFE6, #9CA397, #77917C, #766100, #0F0800)
• Aged Bloom color palette (#EBEDD3, #3E9200, #4D57EE, #9B0054, #010600)

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