Quiet Emerald color palette — #FDF6D1 · #28A738 · #007253 · #004B6E · #104023
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FDF6D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Kelly Green (#28A738): A luminous, vivid green — the color of new leaves after rain.
- Pine (#007253): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004B6E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Forest (#104023): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Worn Olive Field color palette (#FFF5D7, #8D9400, #377100, #004F57, #303B06)
- Soft Loft color palette (#F0FAE0, #009563, #006573, #00388D, #323300)
- Muted Pine color palette (#E4E0BC, #008E52, #005A4C, #00345E, #002C1C)
- Wandering Clover Loft color palette (#F3F9DD, #9BDF5E, #00C362, #008E72, #004023)
- Moss Boulevard color palette (#FFEEE3, #7BA100, #007165, #5D225B, #002406)
- Dusty Study color palette (#F5F8DB, #00A09E, #006C7E, #43318D, #003E41)
- Aged Navy color palette (#EFEFD0, #007764, #004648, #0F096F, #001B18)
- Worn Grove color palette (#FFF1F7, #91B900, #009182, #803E7B, #1E3E21)
Browse the whole catalog at Explore, or see today's palette.