Jade Harbor color palette — #F5F7E5 · #7EAD6F · #394C35 · #1F200E · #070501

Jade and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7EAD6F): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#394C35): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1F200E): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#070501): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Patina Teal Studio color palette (#F1F8EC, #74C0A8, #435B4D, #252E1D, #10100A)
• Worn Clover Harbor color palette (#D6E9E6, #6DC264, #467A7D, #3A4F4B, #121A18)
• Softworn Lagoon color palette (#E6F5D0, #009565, #51515A, #003238, #000B05)
• Wandering Teal Quarry color palette (#E5FDE5, #00A7A6, #044062, #001A1A, #010200)
• Ancient Olive Quarry color palette (#ECEEDD, #298C21, #243800, #16170B, #070602)
• Hazy Blush Courtyard color palette (#ECFAE7, #59D2C0, #EC879E, #CF7086, #1E3116)
• Lagoon Pier color palette (#D9EBDC, #008691, #052546, #111E1D, #000506)
• Taupe Parlor color palette (#FAF4EC, #D3E3C3, #7FAA89, #8B7249, #3A3932)

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