Jade Coast color palette — #F5F7E8 · #6DB362 · #1F9EC0 · #4570AA · #33342D

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Jade (#6DB362): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#1F9EC0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4570AA): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#33342D): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Teal Archive color palette (#F0F8EB, #23BF9E, #008EAE, #455A99, #353C0F)
• Wandering Lagoon Canyon color palette (#F9F6E4, #78C688, #009D7D, #36688D, #3C3E37)
• Aged Thicket color palette (#EFF9EC, #31B5A6, #658BE5, #77629A, #2B3727)
• Soft Amber color palette (#FFF4E2, #C3972C, #2FA67B, #047E85, #36322C)
• Airy Jade color palette (#DBFCD6, #90D1A5, #28AF80, #007B63, #004A44)
• Bronze Hollow color palette (#FFF4DB, #938200, #7166A6, #534B7A, #35332C)
• Hushed Mustard color palette (#E9FAF0, #C8BD59, #8DAFDF, #A37EBE, #1E3A2C)
• Aged Orchid Bloom color palette (#DCFFEA, #00A6C6, #9E5CEF, #9C3295, #103322)

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