Quiet Emerald color palette — #F9F2FA · #BAE9F7 · #69BFDE · #32A54D · #153C64

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

The five colors

• Ivory (#F9F2FA): a clean, paper-quiet neutral.
• Powder Blue (#BAE9F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#69BFDE): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#32A54D): A luminous, vivid green — the color of new leaves after rain.
• Navy (#153C64): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Lagoon color palette (#FAF2F7, #C2E6FC, #83B4F5, #00A28D, #36355B)
• Wandering Turquoise Market color palette (#EEF8F0, #D4D7E8, #00BBCF, #168163, #003443)
• Pale Moss color palette (#DBF5F0, #A1CE8C, #E19DF6, #4C9E00, #492354)
• Pale Hollow color palette (#E5DAE3, #90CCD2, #009FD6, #00824D, #001A4E)
• Washed Teal color palette (#FAF3F5, #DCDEEB, #BBC4F0, #65B1B4, #4F506A)
• Taupe Lagoon color palette (#DCFEF6, #C1E1FB, #ACC5FA, #C39F57, #0C494C)
• Muted Wisteria color palette (#C6EDF1, #46C7A6, #A891FB, #B170F3, #003428)
• Pine Orchard color palette (#F7EBDB, #C4B556, #82A62F, #008A3E, #00463B)

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