Hazy Emerald Field color palette — #F4F8E1 · #40AB52 · #1960BB · #592A00 · #001202

Built around Kelly Green, softened by Cobalt — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#40AB52): A luminous, vivid green — the color of a quiet forest floor.
• Cobalt (#1960BB): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#592A00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001202): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Emerald Field 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 Moss Drift color palette (#F9F6E2, #8B9D00, #00717B, #6E001E, #0B0E00)
• Indigo Terrace color palette (#F0F8E9, #5EBA9B, #6C68C5, #514C00, #002218)
• Aged Boulevard color palette (#EEF9EA, #00A89A, #7648A8, #333E00, #00100E)
• Garnet Loft color palette (#EBFBE7, #00A89C, #00717A, #6E0019, #00100E)
• Pine Ridge color palette (#FFF3E6, #BEBF87, #42893E, #005C63, #1F1700)
• Hushed Harbor color palette (#D7E8DB, #007985, #532B89, #4F0500, #080D00)
• Dusty Garnet color palette (#C3E9F4, #007879, #850C1D, #531600, #2F1A00)
• Inked Cerulean Harbor color palette (#D4ECDE, #00849E, #172342, #0E1D1E, #000507)

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