Tempered Emerald color palette — #FEF0FF · #98EBE6 · #00BDE3 · #249F25 · #00355B

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sea Foam (#98EBE6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00BDE3): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#249F25): A luminous, vivid green — the color of new leaves after rain.
• Navy (#00355B): 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 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

• Airy Periwinkle color palette (#FFF0FA, #9AE7FF, #5AB1FF, #009B7C, #272969)
• Airy Pine color palette (#ECE3EC, #7AD1D3, #19A0CA, #00833B, #001E43)
• Dusty Teal Pier color palette (#FBF2F9, #D0E3FC, #95C4E3, #6CA788, #384862)
• Misty Rose Delta color palette (#F9D9F4, #FF9187, #00C1AE, #F7242E, #003630)
• Cobalt Archive color palette (#F2DFEB, #74BCD1, #1E88D7, #006F57, #0C083D)
• Feathered Forest color palette (#FFEDE9, #62D0CB, #007F99, #07560E, #001B33)
• Dusty Coral Grove color palette (#FFE2E0, #FF7170, #00B0B9, #2B8CB8, #4A020A)
• Aged Rust Pier color palette (#F5DAAE, #C1BE45, #C18800, #B1501D, #133100)

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