Olive Loft color palette — #F5F9D8 · #A9F7E9 · #4FD4AF · #628624 · #2D5131

Olive Leaf takes the lead with Aqua close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F5F9D8): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#A9F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#4FD4AF): A luminous, balanced teal — the color of sea glass.
• Olive Leaf (#628624): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2D5131): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Ancient Olive color palette (#FBF7D4, #CCFCB9, #7CC696, #7D7F2C, #494941)
• Aqua Corridor color palette (#EBFCDA, #89F9ED, #2FC7D3, #328358, #0C4B40)
• Antique Lagoon Lagoon color palette (#E9FCE2, #C8EDFE, #B0DABE, #598B77, #40503F)
• Wandering Fern color palette (#F1F8D8, #9ED4B8, #5CA897, #466D26, #2F312A)
• Aqua Harbor color palette (#F5F4D8, #B0F5D5, #00CFDE, #937400, #0B2D12)
• Wandering Cerulean Corridor color palette (#DDF2EA, #6FCCBF, #0098A2, #005832, #002822)
• Amber Orchard color palette (#D8FFF5, #A8E9EB, #8AD1FF, #B08A00, #2A492C)
• Soft Seafoam color palette (#D8FFF8, #98E9FE, #39F9CF, #94BA53, #204E4B)

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