Jade Basin color palette — #D6F6F6 · #00C683 · #CF8032 · #008758 · #502B02

Clover and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6F6F6): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00C683): A luminous, vivid teal — the color of shallow lagoons.
• Mustard (#CF8032): A luminous, balanced gold — the color of old brass.
• Fern (#008758): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#502B02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Chalky Amber color palette (#DAF4FA, #00C1B8, #B49100, #00837D, #413404)
• Lime Summit color palette (#D6F7ED, #89BB0E, #DC7163, #5D7F18, #56231D)
• Lagoon Lagoon color palette (#CFF9FC, #009D7A, #9F6600, #00624B, #281600)
• Softworn Pine color palette (#E4FBF9, #8CD39B, #E683B2, #008C40, #44132D)
• Airy Coast color palette (#B8F1F6, #00AF8B, #0093D2, #827B00, #003236)
• Lime Alley color palette (#D9F6EB, #A3B23A, #00A7C0, #6E7A13, #003D47)
• Lime Harbor color palette (#DEF3F7, #ABC059, #007369, #0B3C44, #07191C)
• Mustard Lantern color palette (#D6F0DD, #BFAF5E, #957E3A, #6F562A, #18382A)

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