Olive Loft color palette — #F6F6E8 · #A0B98C · #B187BB · #568123 · #674049

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#A0B98C): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#B187BB): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#568123): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#674049): A full-bodied, dusty red — the color of embers at dusk.

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

• Wandering Lantern color palette (#F0F8EF, #7FBEB7, #C581A0, #00847C, #68413F)
• Dusty Bronze color palette (#FBF4EA, #C6AC81, #8E92CF, #946A10, #614256)
• Azure Grove color palette (#E7F5F3, #98C095, #4EA5DC, #468245, #1D3345)
• Cocoa Balcony color palette (#FCF4EC, #C3B6A2, #9B785A, #804F41, #584500)
• Sky Pier color palette (#F5F7E9, #A8D1A5, #60BBF6, #619D5F, #34554A)
• Plum Delta color palette (#F2F8E4, #74A584, #8981B6, #A05B89, #3C4900)
• Timeworn Celadon Lantern color palette (#E4FBF7, #B2E6A3, #D2B9F6, #91B487, #494A66)
• Quiet Orchard color palette (#F3FAD6, #59BB6B, #D53187, #006F28, #580032)

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