Jade Harbor color palette — #F7D3DE · #E69E3E · #00BD8C · #B37100 · #003222

Jade takes the lead with Apricot close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F7D3DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Apricot (#E69E3E): A luminous, balanced gold — the color of afternoon light on wheat.
• Jade (#00BD8C): A luminous, balanced teal — the color of sea glass.
• Ochre (#B37100): A luminous, balanced gold — the color of old brass.
• Deep Forest (#003222): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Moss Thicket color palette (#DFF5E0, #D09100, #34B237, #DB4D6B, #2C1C00)
• Muted Mint color palette (#FFD9CE, #00CE96, #B7AB00, #444005, #04180F)
• Bronze Lagoon color palette (#F9E7ED, #CFAB7A, #BC803E, #9B581F, #312100)
• Sunlit Crimson color palette (#ECD6E9, #F58D86, #92AF00, #F10B2E, #242D00)
• Amber Delta color palette (#DDFEE1, #EDDCAB, #CCD06B, #D08737, #423300)
• Moss Meadow color palette (#EAFAF1, #D4CF94, #59D2D9, #AFA100, #004C50)
• Muted Olive color palette (#D2E3DA, #CEB76C, #827C1D, #4F4B00, #000F08)
• Dusty Blush color palette (#C8E7D2, #C9AD4B, #F36BA2, #9B7F00, #4D062A)

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