Emerald Studio color palette — #FFF4E0 · #DDDBA4 · #A1C07B · #6AA263 · #4C4F48
Moss and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Wheat (#DDDBA4): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A1C07B): A luminous, balanced green — the color of new leaves after rain.
- Moss (#6AA263): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#4C4F48): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Dusty Lime Lantern color palette (#FFF6D2, #BBF3C5, #A1C470, #648651, #52534C)
- Clover Boulevard color palette (#F6F6E9, #C2DFB0, #DFB4F2, #88B965, #66404B)
- Mustard Archive color palette (#C8F1D3, #B7BB6D, #779452, #3C6340, #0E393A)
- Antique Loft color palette (#FFF2EB, #F8C7A4, #DCAC6A, #A4973D, #53524A)
- Ancient Mint color palette (#F0F1D2, #B2E2BF, #64CCB6, #31A7A6, #33573E)
- Timeworn Jade color palette (#DCEAD0, #7DCE98, #00BA93, #008D86, #00454D)
- Feathered Clover color palette (#E8E9DB, #9ADA68, #11C333, #009272, #004B43)
- Dusty Fern color palette (#F6F6E9, #CDE5D8, #B7B8C7, #C5BA86, #42540D)
Browse the whole catalog at Explore, or see today's palette.