Jade Garden color palette — #F3F7E9 · #B0EFE4 · #FCB2D3 · #5EAE76 · #5E3B3A

A conversation between Jade and Carnation, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Sea Foam (#B0EFE4): A whisper-light, dusty teal — the color of glacier melt.
• Carnation (#FCB2D3): A whisper-light, balanced rose — the color of a warm blush.
• Jade (#5EAE76): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5E3B3A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Jade Garden 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 Delta color palette (#EEF8EF, #B5F2F6, #FABAA6, #00AFB6, #64392C)
• Worn Pier color palette (#F8F5EA, #C8EBC5, #CEC1FF, #9BA22A, #5D394B)
• Worn Stone color palette (#F2F8EA, #C9E5E0, #D2C2B5, #BEC285, #455244)
• Cerulean Basin color palette (#EEF8F2, #D9D6CB, #4E90A5, #2B4F3D, #111F17)
• Antique Ash color palette (#EEF9E8, #92DDCA, #E0A6CE, #C98AB7, #313C2A)
• Aged Mint color palette (#E1FBFC, #6CC4A2, #BD82B0, #378367, #514861)
• Bronze Hollow color palette (#FBF4E9, #D5E0C9, #C0AB89, #A36C3C, #3F4400)
• Muted Courtyard color palette (#E9FCE3, #C0EAED, #72C3B2, #007C5F, #003629)

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