Emerald Loft color palette — #FAF6DE · #A7C786 · #569A44 · #876115 · #3B3B34

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

The five colors

• Cream (#FAF6DE): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A7C786): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#569A44): A luminous, balanced green — the color of fresh herbs.
• Ochre (#876115): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Weathered Garden color palette (#F5F7E7, #93C2A0, #00986A, #696537, #303B00)
• Wandering Drift color palette (#F9F5EB, #D1C499, #89975A, #896D26, #504100)
• Lime Hollow color palette (#EEEEDF, #B7BC00, #819700, #527200, #2D4F01)
• Airy Coral color palette (#FBF6DD, #A8BA13, #FF5A62, #738000, #671C21)
• Timeworn Loft color palette (#E4FCF2, #AFDE96, #5DBC7E, #AF7A63, #2B421C)
• Gentle Jade Thicket color palette (#FDF5DA, #7AB664, #007D57, #71404A, #2A4222)
• Teal Quarry color palette (#FBF5E3, #BAE7B8, #2EA792, #845B7C, #2E2F28)
• Tempered Clover color palette (#E8F1C4, #20BA4A, #00A1B8, #A27400, #19391D)

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