Pale Emerald color palette — #FEF2EE · #C5EBD1 · #66BBF6 · #00A477 · #2C3860

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#C5EBD1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#66BBF6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00A477): A luminous, balanced teal — the color of sea glass.
• Navy (#2C3860): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Teal Grove color palette (#FAF4EF, #C1EAEB, #A2BEF1, #3BACA1, #5D3C4E)
• Frosted Periwinkle color palette (#F6EDE5, #ADD9FA, #85A1EF, #00918E, #351E5A)
• Timeworn Turquoise color palette (#F9F4ED, #BBE6F2, #38B5E0, #008077, #03372B)
• Washed Emerald color palette (#EBF2DF, #71D6A5, #EA9BE6, #00A06A, #4E214D)
• Weathered Parlor color palette (#EBE1DB, #88CBE3, #4395E9, #007F6A, #191150)
• Frosted Lagoon color palette (#D8ECCC, #50C5AC, #D77DDB, #DC528D, #00342B)
• Timeworn Cobalt color palette (#F7E8E0, #6CABBD, #0079C1, #006049, #04002D)
• Taupe Summit color palette (#F0FADF, #B3EADC, #C6D9FF, #ACA64A, #124B40)

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