Tempered Emerald Harbor color palette — #D6EAE1 · #629D5C · #00644B · #5C2D34 · #00312C
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D6EAE1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#629D5C): A luminous, balanced green — the color of fresh herbs.
- Pine (#00644B): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5C2D34): A deep, shadowed, dusty red — the color of a theater curtain.
- Deep Forest (#00312C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Emerald Harbor 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
- Frosted Moss color palette (#D6EBDB, #869527, #296428, #4D3B04, #023125)
- Washed Thicket color palette (#D6E6DF, #6D9A77, #00635B, #532645, #001615)
- Muted Jade Lantern color palette (#EAF9F4, #69AC7E, #007364, #5C405A, #173C3B)
- Worn Harbor color palette (#ECFAEB, #B8B27B, #687B50, #4B604A, #30493C)
- Frosted Grape Field color palette (#B9EADF, #5EA321, #6E3AAC, #2C5500, #311B4D)
- Aubergine Ridge color palette (#E0EBD5, #618D22, #6712A6, #77276C, #00261F)
- Ancient Canyon color palette (#ECF9F2, #9BCDC3, #5B8B8B, #556C61, #3B534E)
- Smoked Forest color palette (#D2F6E8, #047121, #003427, #151900, #000807)
Browse the whole catalog at Explore, or see today's palette.