Tempered Emerald color palette — #FBF2FA · #BEE8F5 · #52C0EB · #4FA066 · #233C59

Fern takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Frost (#BEE8F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#52C0EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4FA066): A luminous, balanced teal — the color of sea glass.
• Navy (#233C59): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Antique Study color palette (#FCF2F6, #C0E6FF, #8DAFFF, #289F99, #333857)
• Tempered Turquoise color palette (#F0F8F1, #CADBF5, #2FB9D1, #2C7F6A, #123244)
• Washed Chapel color palette (#F8F3F8, #D2D6EA, #7DD5F0, #89AD88, #435467)
• Hazy Azure Atelier color palette (#EEE0EB, #72D0DF, #009DDE, #008156, #0D1C45)
• Glacier Field color palette (#DDFDF6, #9BF2FE, #B7CCFA, #B9A064, #274847)
• Washed Cobalt color palette (#E9DBE7, #65AEB5, #007FAB, #006136, #000721)
• Wandering Cerulean color palette (#FBEFE9, #B2D1B4, #1D89A4, #005E3F, #002339)
• Worn Clover Terrace color palette (#DCFFEA, #87E5B9, #1FC370, #118D4B, #002611)

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