Worn Jade color palette — #F4F7E8 · #7FB184 · #B5776F · #87623C · #37362F

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

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Jade (#7FB184): A luminous, balanced green — the color of fresh herbs.
• Caramel (#B5776F): A luminous, dusty orange — the color of autumn markets.
• Walnut (#87623C): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#37362F): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Hushed Jade color palette (#F5F7E8, #7EAF73, #4C98A9, #835D3A, #33312A)
• Wisteria Loft color palette (#EDF7FA, #63D5CF, #CB86C2, #A98353, #213439)
• Chalky Archive color palette (#EDFBE1, #00AA8E, #AA5500, #635100, #0B2804)
• Ash Meadow color palette (#F0F7F3, #D2DCDC, #A8B2B8, #80A690, #4D5550)
• Tempered Blush color palette (#F0F5FF, #B0B7F2, #CC7999, #935C50, #1A261B)
• Hushed Sky color palette (#EBF9F4, #7AB9E6, #8C85B5, #855876, #304A2F)
• Worn Ridge color palette (#EBF9F2, #3FA6D1, #7F7C2B, #3C7048, #1D2B1D)
• Cocoa Balcony color palette (#ECF8F4, #5D89AE, #775C8E, #733F18, #2B3526)

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