Tempered Jade color palette — #F4F6F0 · #D4DDD9 · #A8B4BA · #78AA7F · #525449

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D4DDD9): bright and airy, almost weightless.
• Ash (#A8B4BA): a calm mid-gray that lets other colors speak.
• Jade (#78AA7F): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#525449): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered 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

• Tempered Parlor color palette (#F1F7F3, #DDD4D3, #B2A695, #1BA0B7, #404B43)
• Washed Bronze color palette (#FAF5E5, #DDD8C4, #A1B49F, #AF704C, #625000)
• Abyss Ridge color palette (#E8ECE1, #9DA89D, #6C8F81, #005331, #070B01)
• Antique Bronze Station color palette (#FFF2ED, #B6C59A, #46A2A7, #9E5755, #474942)
• Muted Teal Veranda color palette (#ECF5E8, #51AE9C, #455F52, #313B2D, #22221B)
• Tempered Driftwood Boulevard color palette (#F6F6EA, #9BBD89, #A47AB0, #96534E, #48403D)
• Hushed Denim color palette (#E2ECE6, #BDAFBC, #B08899, #005C74, #00190E)
• Antique Sky Grove color palette (#F0F8EB, #AFF2D7, #6BDFD9, #6BBAFB, #37503A)

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