Tempered Jade Harbor color palette — #DDF2D8 · #58B26E · #00794F · #00513D · #003A32
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF2D8): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#58B26E): A luminous, balanced green — the color of fresh herbs.
- Pine (#00794F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00513D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003A32): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Jade 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
- Tempered Courtyard color palette (#DBF19B, #7AAB43, #367D2C, #005225, #003D26)
- Antique Teal color palette (#C3FFDD, #53C09E, #00877A, #005B58, #00464A)
- Chartreuse Workshop color palette (#DAFEFA, #A8DF56, #53C468, #008465, #0C361E)
- Linen Emerald Lagoon color palette (#D1F9E9, #3C9E32, #006B4B, #004664, #133735)
- Pine Parlor color palette (#D0ECD3, #008E5C, #005543, #002E28, #001B1A)
- Aged Lagoon Harbor color palette (#CCEBE5, #00A5A4, #007179, #004451, #142842)
- Dusty Jade Pier color palette (#FBDBA1, #C3C87D, #55B981, #00877F, #003341)
- Hushed Pewter color palette (#EEF8F5, #CADDE3, #9EBAB8, #556C44, #323D3B)
Browse the whole catalog at Explore, or see today's palette.