Jade Basin color palette — #E7F9FA · #30A780 · #A86B76 · #7D5159 · #2F4142

Built around Jade, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Ivory (#E7F9FA): a clean, paper-quiet neutral.
• Jade (#30A780): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A86B76): A full-bodied, dusty red — the color of late-summer berries.
• Coffee (#7D5159): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#2F4142): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged muted.

Use it as a design system

One click turns Jade Basin 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 Cerulean color palette (#E9F8FF, #00A1BC, #A7704C, #7D543A, #2F4048)
• Teal Meadow color palette (#E3F6FA, #43A79F, #9F7293, #774F6C, #0D272C)
• Hushed Moss Study color palette (#E7FBF2, #8D984B, #976E99, #61597B, #2E423B)
• Aged Teal color palette (#E9F8FC, #34ACA8, #806391, #6C4C1F, #2F4A36)
• Worn Harbor color palette (#FFF0F8, #45BBC1, #5D78A0, #6E4E61, #394B54)
• Aged Turquoise Coast color palette (#EEF8F1, #6CB8C7, #A791B9, #876F98, #314236)
• Tempered Canyon color palette (#EDF7FA, #D6DBE7, #B6ABB0, #618995, #4D5456)
• Soft Corridor color palette (#E6F9FF, #008789, #AF314D, #890C33, #00313C)

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