Tempered Coast color palette — #DDEDDE · #A5AF5C · #00993F · #834F77 · #002117

Built around Kelly Green, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDEDDE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A5AF5C): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#00993F): A full-bodied, vivid green — the color of new leaves after rain.
• Graphite (#834F77): A full-bodied, balanced pink — the color of peonies in June.
• Ink (#002117): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Emerald Garden color palette (#F6E0E8, #B3A963, #569132, #5C5C98, #1F1B00)
• Worn Jade Boulevard color palette (#D2E6DD, #6ABD7B, #009385, #8A4F5D, #002209)
• Washed Jade color palette (#D9E9DE, #AAC589, #00AB75, #886599, #083028)
• Aged Lantern color palette (#DEF0E6, #85B67F, #00947C, #2B6B8E, #00201D)
• Quiet Mulberry Ridge color palette (#F4EBFF, #FF76D1, #00AD3D, #A3007C, #002206)
• Hazy Pine Harbor color palette (#E6E3D3, #78A05E, #007439, #1A4678, #0D2000)
• Pale Pine color palette (#EFDCE2, #928C29, #217600, #4B3B7A, #070600)
• Dusty Jade color palette (#EDF9EE, #C9D78D, #57BD78, #917EAE, #194337)

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