Hushed Jade Harbor color palette — #F9F6E0 · #5DAB7A · #0F7B68 · #2B5174 · #3B3E38

A conversation between Jade and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F6E0): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#5DAB7A): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#0F7B68): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#2B5174): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3B3E38): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Softworn Taupe color palette (#FCF5E0, #9A9C5D, #587441, #005960, #3E3D36)
• Washed Teal color palette (#F6F7E1, #66B8B1, #348491, #53557B, #3C4D3D)
• Pale Canyon color palette (#FFF0F9, #A0BC83, #0C9A91, #98425C, #164643)
• Antique Teal Chapel color palette (#E3FCF4, #8ADDAB, #3EBCA5, #5C85B0, #1F4446)
• Navy Drift color palette (#D2F1B5, #00927A, #005E61, #1B2889, #00312C)
• Weathered Garnet color palette (#FFEEE4, #8BA671, #067B75, #752542, #202604)
• Aubergine Delta color palette (#F1FBD5, #009CB8, #006796, #5F1F84, #003C4D)
• Stone Studio color palette (#E9FBE6, #9FBFA4, #6D897B, #7A5B6B, #654441)

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