Tempered Ridge color palette — #F5F6EF · #D5DCD7 · #A7B3B4 · #78AA7B · #52534C

Jade and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D5DCD7): bright and airy, almost weightless.
• Ash (#A7B3B4): soft and architectural.
• Jade (#78AA7B): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#52534C): a grounded near-black with real depth.

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

Use it as a design system

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

• Weathered Station color palette (#EEF8F6, #D3DDE3, #B2B1BF, #8A6D63, #4B5553)
• Timeworn Driftwood color palette (#F6F6EC, #CFD5B7, #91A37C, #868037, #4A5303)
• Cypress Corridor color palette (#E4EDE5, #B8C9BF, #85AFA1, #006E74, #0F2513)
• Tempered Cerulean Parlor color palette (#F1F7F3, #D2DDDD, #D3C1C7, #339FB2, #3F4B43)
• Pewter Workshop color palette (#FDF4E5, #9ACCA8, #4DA2A0, #8A5A90, #464942)
• Worn Thicket color palette (#EDF5E8, #4DB097, #4B5E4D, #333B2C, #21231B)
• Worn Abyss color palette (#DCE0D6, #9EA899, #738F75, #005330, #070B00)
• Wandering Denim Meadow color palette (#E3EEE8, #A5BAB3, #A78BA4, #005C73, #00190E)

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