Olive Loft color palette — #E5F2EF · #C9DCDA · #9EBFBF · #4E813F · #24312F

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

The five colors

• Cream (#E5F2EF): bright and airy, almost weightless.
• Silver (#C9DCDA): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#9EBFBF): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#4E813F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#24312F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Aged Lagoon color palette (#E9F8FD, #C5E4F0, #A0C4D6, #008988, #183840)
• Wandering Forest color palette (#DEEEEE, #ADCBCD, #8BABB1, #18714E, #082425)
• Moss Lantern color palette (#EFEFE8, #CAD7CD, #A3C4B4, #6FA350, #2F2F1A)
• Muted Pine color palette (#CEEDE4, #7FB66A, #2C8640, #4C5C35, #00312B)
• Pine Lagoon color palette (#C2EBEC, #00865F, #003C33, #021A1B, #000606)
• Teal Ridge color palette (#D6F8EA, #5FBDB1, #418A93, #4D5980, #343155)
• Emerald Alley color palette (#C3EAEA, #009F6A, #00707F, #19407E, #202100)
• Timeworn Cabin color palette (#DAE4B4, #00B04B, #007B61, #004C77, #002B2A)

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