Quiet Emerald color palette — #FFF4DD · #B79900 · #1D9016 · #00635E · #581600
Kelly Green and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B79900): A luminous, balanced green — the color of new leaves after rain.
- Kelly Green (#1D9016): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#00635E): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#581600): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Emerald 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
- Moss Alley color palette (#FCF6D9, #97A600, #008D6A, #005F75, #442A00)
- Hushed Amber color palette (#FFF3E8, #E87900, #7E7C00, #006644, #59111D)
- Timeworn Terrace color palette (#EAE1C7, #918A00, #007741, #004C51, #351500)
- Softworn Workshop color palette (#F1ECD3, #747C00, #006249, #65000F, #1B0F00)
- Wandering Navy color palette (#FFF3E4, #A67200, #006956, #29338A, #5E0322)
- Emerald Corridor color palette (#E5EDCA, #00A948, #00787D, #004984, #282500)
- Bronze Alley color palette (#EFE6D4, #A18300, #4B4706, #30250D, #171007)
- Feathered Pier color palette (#FAF6DA, #99CD71, #4D9B4A, #7A6640, #2D421D)
Browse the whole catalog at Explore, or see today's palette.