Tempered Emerald color palette — #D3F3EE · #009430 · #00618E · #00486A · #1D071D

Kelly Green takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3F3EE): A whisper-light, dusty teal — the color of glacier melt.
• Kelly Green (#009430): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#00618E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00486A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1D071D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Lagoon Loft color palette (#DCF4F3, #009664, #006B66, #00445A, #290700)
• Weathered Coast color palette (#CDEFE6, #5E8F00, #00628A, #740E1C, #001511)
• Softworn Drift color palette (#D3F4ED, #4A8B19, #346D00, #003B86, #240413)
• Navy Chapel color palette (#D4F1F5, #00745C, #005681, #002C6E, #0A0400)
• Hushed Atelier color palette (#FFE4CB, #A6A744, #398723, #005446, #002A34)
• Navy Loft color palette (#CCEBF6, #008892, #006B76, #332D88, #151000)
• Shadow Olive Grove color palette (#D1EAE6, #21890D, #003C38, #001B18, #000603)
• Soft Aubergine color palette (#ECE6D6, #665800, #004472, #3B0053, #280900)

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