Quiet Emerald color palette — #FFF0FC · #89A3E3 · #DA786E · #4B9A57 · #472F43

Kelly Green takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#89A3E3): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#DA786E): A luminous, balanced orange — the color of autumn markets.
• Kelly Green (#4B9A57): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#472F43): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, 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

• Faded Amber color palette (#FFF1F6, #AD97DA, #CD8549, #009C87, #4D2C3B)
• Washed Moss color palette (#DDFDF5, #74AADF, #D47989, #709441, #174038)
• Coral Boulevard color palette (#F0F6FF, #9CB9FF, #EA8D82, #6EA073, #1E2B41)
• Tempered Mustard color palette (#EFF6FF, #9CBEFF, #CEB25E, #90A45E, #2A394E)
• Misty Peony Thicket color palette (#FDDBDB, #CF70AA, #978C00, #0084A6, #401E33)
• Softworn Balcony color palette (#FFEFFF, #5A8ACA, #8D7B00, #4D6F26, #433044)
• Hushed Violet color palette (#E8E6FE, #8D6EFF, #C95C00, #008264, #261256)
• Worn Azure Field color palette (#FFF0FC, #EDD3D2, #E3B0A9, #559CD0, #5E4455)

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