Emerald Studio color palette — #FEF3E8 · #B9B883 · #55924A · #645D85 · #38352F

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

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Sage (#B9B883): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#55924A): A luminous, balanced green — the color of fresh herbs.
• Graphite (#645D85): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#38352F): quiet, heavy and certain.

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

• Timeworn Lagoon Boulevard color palette (#FAF5E8, #9DC093, #2A947A, #805753, #35362F)
• Softworn Emerald color palette (#EAFAEB, #D3D4A3, #709759, #586186, #0D2F22)
• Timeworn Pine color palette (#EAE4D7, #91B07A, #008664, #6A4570, #2C2B02)
• Aged Taupe Drift color palette (#EBF9EF, #A0A04D, #556C34, #484767, #1B3D2F)
• Patina Bronze color palette (#FBF5E6, #D6CA9E, #99A868, #B46F56, #37352F)
• Worn Azure Quarry color palette (#FEF3EE, #BFDDC5, #3AA1D2, #277E52, #273A5D)
• Fern Boulevard color palette (#F7F6EB, #CBD6B9, #5AABAB, #937574, #425511)
• Emerald Field color palette (#EDE5D3, #5C944C, #00614E, #522154, #031400)

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