Olive Loft color palette — #FEF1F6 · #BDA7EC · #DD7766 · #448E40 · #332234

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

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Lavender (#BDA7EC): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#DD7766): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#448E40): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#332234): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Emerald Harbor color palette (#FFF1F0, #DC95B3, #D08A5D, #009A61, #381F30)
• Moss Corridor color palette (#FCF1F9, #A1ADE8, #D97780, #818900, #123027)
• Hushed Villa color palette (#F9F7DE, #B1C5FF, #C78DC5, #399664, #4F3342)
• Tempered Loft color palette (#FFF1F4, #DCA7EA, #B79D54, #997800, #003F4F)
• Dusty Drift color palette (#FFF1F1, #F77DBD, #B98600, #008B86, #34133C)
• Soft Fuchsia color palette (#FFECED, #ED60CD, #D45900, #008328, #13094A)
• Hazy Apricot Canyon color palette (#FFF2EA, #F58E66, #A78B01, #008994, #2F141B)
• Aged Delta color palette (#F2DFE3, #C397D4, #866764, #5E4048, #1E151A)

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