Jade Coast color palette — #E2FBF7 · #63AE7B · #207353 · #324F5F · #1E3B3A

Jade takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2FBF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#63AE7B): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#207353): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#324F5F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#1E3B3A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Muted Villa color palette (#E7F6F1, #76ACA6, #1D7557, #364763, #00221F)
• Aged Fern Bloom color palette (#E7FBF0, #98A261, #556C28, #5B4156, #213C32)
• Washed Emerald color palette (#CFEBE8, #38A368, #006548, #55313E, #00302F)
• Antique Stone color palette (#ECF9F3, #B9C899, #5D8C81, #745E6E, #3D524B)
• Teal Grove color palette (#EDF9F0, #BED2A1, #6FB18E, #A27489, #173D34)
• Aged Basin color palette (#E9F9F7, #94CFE7, #0282B2, #005E6B, #1E3D57)
• Dusty Bronze color palette (#DDEFE2, #7A6C00, #3A3A00, #440415, #131000)
• Peony Grove color palette (#F5E9FE, #CE6497, #957400, #8E2A5F, #443300)

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