Emerald Loft color palette — #F7F7E0 · #9CC681 · #D7907C · #628F40 · #613528

Built around Olive Leaf, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#9CC681): A luminous, balanced green — the color of a quiet forest floor.
• Camel (#D7907C): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#628F40): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#613528): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Emerald 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

• Lagoon Meadow color palette (#F1F8E7, #92D5B8, #D0A97F, #4F9E7F, #6D4200)
• Basalt Field color palette (#FFF3E7, #D6B894, #AC8763, #885E41, #533700)
• Faded Olive Terrace color palette (#FCF5E0, #BDBC77, #52B6C0, #898504, #004C52)
• Wandering Jade Parlor color palette (#F4F8DE, #6FB972, #00ABC1, #AA7D28, #383932)
• Linen Olive Dune color palette (#F6F6E9, #89AB79, #A374B6, #377700, #52355E)
• Dusty Clover color palette (#E0EAC4, #00BD5F, #D26D00, #007E3D, #492200)
• Muted Fern Chapel color palette (#F2F7ED, #C1CA96, #467F69, #334B07, #1D2514)
• Mallow Studio color palette (#E3FBF7, #A7DDA0, #CEA9FF, #72B16B, #3E3F5F)

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