Emerald Studio color palette — #EDF0C1 · #A0BE74 · #009353 · #006E60 · #17575E
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#EDF0C1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A0BE74): A luminous, balanced green — the color of fresh herbs.
- Fern (#009353): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006E60): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#17575E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Pale Summit color palette (#DBEDCD, #66BB69, #2E8851, #105F45, #002F35)
- Linen Orchard color palette (#E3E2BA, #65C8A2, #00877F, #00626F, #234A63)
- Olive Villa color palette (#FFE3C4, #C2B05B, #628200, #1F6737, #3B4F2D)
- Aged Cypress color palette (#EAFDD8, #73CCB9, #00846E, #005147, #003A33)
- Emerald Bloom color palette (#E6EFDF, #00A852, #00745D, #004C51, #172E4B)
- Ancient Orchid color palette (#EDF9E9, #50B3A4, #AF6AC0, #00766A, #5A363F)
- Frosted Archive color palette (#ACF5C4, #00B6B0, #00808D, #005983, #3E3569)
- Antique Pine color palette (#DFE5C7, #01791E, #004A38, #002826, #03101B)
Browse the whole catalog at Explore, or see today's palette.