Jade Villa color palette — #F4F6ED · #69A97B · #4D749A · #70435C · #593C00

Built around Jade, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Jade (#69A97B): A luminous, balanced teal — the color of glacier melt.
• Slate (#4D749A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#70435C): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#593C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Jade Villa 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

• Cocoa Courtyard color palette (#F9F5EA, #A09B5A, #317D82, #584B74, #693008)
• Muted Teal Villa color palette (#EFF8EF, #51A7AC, #70689A, #7A4040, #44423B)
• Muted Oat Harbor color palette (#F2F8E5, #C0D2B9, #869F90, #856C6F, #5B4845)
• Pewter Canyon color palette (#EBF8FA, #7CC0B5, #9183B4, #6F5D97, #5E3726)
• Lagoon Basin color palette (#EAFDD7, #7DCDC2, #379795, #236E79, #335644)
• Dusty Corridor color palette (#EBFCDF, #009378, #2C54A9, #750248, #412C00)
• Ancient Lagoon color palette (#EFF4E9, #2D906E, #344033, #252B1F, #121712)
• Worn Drift color palette (#F7F6EB, #C1C4A6, #768A47, #736719, #4F5100)

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