Emerald Studio color palette — #FFF1F6 · #C0B676 · #5D913C · #805A37 · #243B2F

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#C0B676): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#5D913C): A luminous, balanced green — the color of fresh herbs.
• Coffee (#805A37): A full-bodied, dusty gold — the color of old brass.
• Forest (#243B2F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Wandering Lagoon color palette (#ECF9F0, #A1C089, #229571, #496D57, #1C3C36)
• Tempered Driftwood color palette (#FFF3E5, #D9D29A, #799557, #7A5D38, #322605)
• Fern Courtyard color palette (#FDF4E6, #A79D4E, #5B6B1E, #4F4A44, #38352E)
• Olive Orchard color palette (#F3DEE5, #ADA85D, #35861E, #006266, #033121)
• Frosted Pine color palette (#D8E7D8, #959844, #00751F, #5F3D05, #1C1C00)
• Teal Atelier color palette (#EEF8F4, #AEDBDA, #6AA9A5, #65857A, #3F5150)
• Driftwood Lantern color palette (#DEFCFA, #C4DEFF, #9ABFFC, #908D3E, #26464C)
• Antique Emerald color palette (#DDF6E6, #649245, #006249, #433700, #001410)

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