Jade Coast color palette — #E9F9F6 · #6AAC80 · #28715D · #3C4A6A · #1D3B3A

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

The five colors

• Ivory (#E9F9F6): bright and airy, almost weightless.
• Jade (#6AAC80): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#28715D): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3C4A6A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#1D3B3A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Taupe Bloom color palette (#E8FBEB, #A79D50, #5D6A2F, #42486B, #213C2E)
• Softworn Pier color palette (#DBFEF5, #57BB74, #007C5F, #6F3F56, #074441)
• Emerald Boulevard color palette (#D3EAE7, #1BA472, #006356, #5B2C3B, #023031)
• Stone Hollow color palette (#EAF9F2, #9ECCC0, #5E8B86, #686279, #3C534D)
• Wandering Cerulean Studio color palette (#F3F7E9, #A3D7C1, #62B19F, #448DB1, #0B3F2F)
• Peony Courtyard color palette (#F6E9FE, #DD5593, #008D77, #86365A, #003F35)
• Wandering Drift color palette (#F9F6E2, #94C297, #33937A, #7C5860, #343A00)
• Antique Cobalt color palette (#EEF8F0, #A2CBE7, #427DAF, #005E67, #273B57)

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