Jade Basin color palette — #FFF0F9 · #63A97D · #207686 · #703B49 · #1B4449

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Jade (#63A97D): A luminous, balanced teal — the color of sea glass.
• Teal (#207686): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#703B49): A full-bodied, dusty red — the color of embers at dusk.
• Deep Teal (#1B4449): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Teal Courtyard color palette (#FFF0FA, #70B7AF, #577B9B, #6E4D63, #324C56)
• Hushed Aubergine color palette (#FFF1F6, #A09B54, #37785C, #643B6D, #24443C)
• Sunlit Basin color palette (#E5FBF7, #619860, #515E9D, #743111, #552C10)
• Cerulean Basin color palette (#FAF3F7, #C3E2F1, #5192BA, #117263, #374961)
• Ultramarine Villa color palette (#FFF1F6, #009EAE, #3056BF, #653900, #003B50)
• Misty Denim color palette (#E4FBF7, #73C2B7, #1897A4, #5359AB, #20434B)
• Feathered Navy color palette (#F2F4E1, #50AF9E, #007A81, #333D86, #152812)
• Garnet Coast color palette (#FFDBD5, #00927B, #00597D, #6F0206, #003031)

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