Tempered Emerald color palette — #F9F3F8 · #C0E7F9 · #76BAEB · #00A478 · #2E385B

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#C0E7F9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#76BAEB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A478): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2E385B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Aged Grove color palette (#FEF0FF, #99EBEA, #00BCEA, #009F3A, #003361)
• Chalky Periwinkle Quarry color palette (#F7EBF0, #BAD7F0, #81A1F3, #00918D, #331F5A)
• Turquoise Lantern color palette (#F0F7F1, #D8E0EC, #37B5DF, #008076, #123149)
• Washed Teal Courtyard color palette (#F9F3F8, #D5D5E7, #99CFED, #74B28D, #40546F)
• Cobalt Garden color palette (#EBDCE7, #6CABBE, #0878C5, #005F4B, #05002C)
• Aged Station color palette (#FCEFE8, #94D4DE, #1F85B9, #025E3E, #121F3D)
• Pale Tangerine color palette (#E5E1FB, #D096D7, #F1832B, #B09400, #2D2544)
• Indigo Atelier color palette (#C7E5EB, #79C2FC, #7798FC, #7061CD, #472757)

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