Emerald Field color palette — #F3F4FF · #D7B6FF · #B28D00 · #06A44C · #282747

Kelly Green and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D7B6FF): A whisper-light, balanced violet — the color of wild irises.
• Mustard (#B28D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#06A44C): A luminous, vivid teal — the color of sea glass.
• Midnight (#282747): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns 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

• Quiet Moss color palette (#F2F5FF, #ADA5FF, #D9972C, #649B24, #2A244E)
• Worn Mallow color palette (#F5F3FF, #F6A4FF, #8F9C00, #009F86, #3B1F3E)
• Powdered Delta color palette (#F9F2FF, #FF89CB, #CD8800, #008B59, #003355)
• Wisteria Veranda color palette (#DDD9FD, #D790F3, #838300, #00886A, #1A1531)
• Wisteria Chapel color palette (#F3F4FF, #BC8AFF, #5B8304, #006F45, #312345)
• Weathered Wisteria color palette (#FFF1F5, #C785F0, #CB7D00, #007A58, #260E34)
• Feathered Meadow color palette (#F9F2FF, #F09BC5, #8EBC7E, #27A2AB, #392D44)
• Wandering Emerald Grove color palette (#DEFFE5, #FF98DE, #E77679, #009342, #561F38)

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