Olive Loft color palette — #F3F2D9 · #578400 · #005494 · #630023 · #220900

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

The five colors

• Cream (#F3F2D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#578400): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005494): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#630023): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#220900): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Washed Canyon color palette (#E7E4CE, #6B7F00, #004FA3, #56005A, #29000D)
• Linen Nightshade color palette (#D8FCF3, #518D00, #003EB8, #4C0200, #050100)
• Ancient Market color palette (#E7F1DC, #008965, #652FA1, #65000D, #220900)
• Aubergine Atelier color palette (#ECDEC9, #976C00, #005E65, #55005B, #28000F)
• Antique Garnet color palette (#E4E9D5, #889871, #227584, #743134, #3B2300)
• Aubergine Veranda color palette (#D1E5D3, #006569, #5E0060, #291500, #040100)
• Misty Lapis Ridge color palette (#E1EECA, #00A66D, #5745EB, #7F2400, #2F2200)
• Pale Bloom color palette (#D8F0DE, #6C5400, #4C007C, #3F0020, #220A00)

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