Jade Studio color palette — #F0F4E6 · #65AF75 · #4D5E49 · #353D00 · #23221C

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

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Jade (#65AF75): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#4D5E49): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#353D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#23221C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Jade Studio 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 (#EBF5EC, #00B1B5, #3E6053, #2F3C30, #20231C)
• Hushed Taupe Orchard color palette (#F6F1E7, #A89D54, #5B5C0D, #3A3831, #25211D)
• Softworn Meadow color palette (#E3FBF9, #7DC18D, #41595C, #1F2F2D, #09110F)
• Ancient Mint color palette (#E2F7F5, #8EC796, #688087, #475957, #1C2320)
• Antique Lagoon color palette (#DEE8D6, #009D7D, #004F58, #1E2B12, #121305)
• Hushed Blush Grove color palette (#EBFAE6, #5BC6B7, #DC86A5, #BE8071, #3B4637)
• Bronze Study color palette (#F9F5EB, #D5D3B5, #7FA787, #977933, #564E00)
• Hazy Teal Lantern color palette (#F6F8D8, #93DBB8, #26B298, #2D8383, #3A5948)

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