Olive Loft color palette — #F2D4E7 · #9EA8FF · #5F8E00 · #008B48 · #2A1023

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

The five colors

• Thistle (#F2D4E7): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#9EA8FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#5F8E00): A full-bodied, balanced green — the color of fresh herbs.
• Fern (#008B48): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#2A1023): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Frosted Lilac Alley color palette (#EFD6E2, #A482FF, #00AC5F, #008772, #2B0F1F)
• Timeworn Iris color palette (#F3DFED, #8294FF, #577900, #006F81, #070729)
• Gentle Study color palette (#F9E9F5, #A8BEFF, #9C8E00, #009884, #31202E)
• Pale Station color palette (#C5E7DA, #3EBDFF, #967A00, #3A8836, #002117)
• Quiet Lilac color palette (#F3DEE7, #A477F3, #AC7100, #007D6F, #140827)
• Hazy Rose color palette (#E5DFC0, #C88EEF, #E6406F, #007574, #3C161D)
• Mallow Lagoon color palette (#FFF1F4, #DC9DF2, #5BC3A5, #46A389, #432B31)
• Linen Courtyard color palette (#F9E8EF, #9F69FF, #00712B, #00598E, #0F0006)

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