Jade Harbor color palette — #E7F7E5 · #92B562 · #005855 · #002725 · #010B01

Sage and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92B562): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#005855): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010B01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Jade color palette (#E1F8F1, #69BC88, #005080, #00223B, #000B07)
• Wandering Forest color palette (#F1F4E0, #ACAD61, #005D1A, #002907, #070900)
• Softworn Lime color palette (#E4FAFF, #A5CA6B, #007974, #004441, #001F25)
• Softworn Moss color palette (#D8E3D9, #729C50, #004146, #001618, #000200)
• Tempered Pine Pier color palette (#D6E9DF, #498A4B, #494951, #002F3E, #00090F)
• Wandering Dune color palette (#E9F8FF, #EA8153, #00525D, #002C33, #0A1421)
• Tempered Petrol Delta color palette (#E7FBEC, #FFCBB6, #007987, #00353D, #000B03)
• Hushed Denim Balcony color palette (#F8EFF5, #E5B7AB, #585D8B, #2A2C52, #1C0F18)

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