Tempered Emerald color palette — #C8E9D6 · #339C66 · #005635 · #002312 · #000A04

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

The five colors

• Celadon Mist (#C8E9D6): A whisper-light, dusty teal — the color of sea glass.
• Fern (#339C66): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#005635): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#002312): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000A04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged monochrome, 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 Lagoon Coast color palette (#D2E9EB, #008A95, #004E55, #002227, #000D0F)
• Faded Jade Atelier color palette (#DEEFE2, #2EB366, #00763D, #003C25, #000C03)
• Softworn Olive color palette (#EEEECE, #7F7F00, #444400, #1E1D00, #0C0B00)
• Worn Forest Harbor color palette (#D2EAE8, #6DC1A0, #00978A, #135B05, #002A18)
• Aged Station color palette (#ADFFF9, #00B5B1, #006563, #003634, #002220)
• Azure Harbor color palette (#E2E6C2, #019AEA, #00948A, #071D22, #000A0D)
• Azure Terrace color palette (#C5E8FF, #41A4D5, #005F85, #002B3F, #001623)
• Weathered Ultramarine color palette (#D9E8FF, #0645B7, #76005C, #520012, #00092D)

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