Pale Emerald color palette — #FBF2FA · #9DE9ED · #00BBF1 · #009E50 · #00306B

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#9DE9ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00BBF1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#009E50): A luminous, vivid teal — the color of shallow lagoons.
• Navy (#00306B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Navy Pier color palette (#FEF1F8, #A7E4FF, #6EADFF, #009987, #301E75)
• Patina Jade color palette (#F9F3F7, #D3DFF4, #8AC4F7, #1FB18C, #3D456B)
• Hushed Azure color palette (#E6DAE4, #8DCCD5, #009DDD, #008154, #06184F)
• Turquoise Ridge color palette (#EAFAED, #C5EBFF, #00ACC8, #007460, #002939)
• Dusty Rose Terrace color palette (#FCD7F9, #FF908F, #00BCCF, #F72043, #00353B)
• Petrol Studio color palette (#FFEEE8, #61CED5, #007DA4, #00552A, #00183E)
• Sunlit Cobalt Studio color palette (#EBDFE7, #6DABC1, #0075D0, #005F4E, #07002A)
• Frosted Tangerine color palette (#FFEAE2, #FF7643, #00B0B9, #2A8CB8, #431100)

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