Tempered Ridge color palette — #F4F6EE · #D2DFD9 · #A8AFB7 · #788B47 · #51544D

A conversation between Olive Leaf and Silver, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#D2DFD9): bright and airy, almost weightless.
• Ash (#A8AFB7): soft and architectural.
• Olive Leaf (#788B47): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#51544D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. 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

• Antique Lagoon color palette (#F1F3EC, #D1D9D6, #A5B0B6, #658E72, #35372F)
• Patina Olive color palette (#F6F6EA, #B8C89F, #71896D, #6B691E, #415612)
• Hushed Cypress color palette (#EAF1E9, #BED2C5, #86A99F, #00625C, #293028)
• Softworn Spruce Grove color palette (#E6EDDE, #909E90, #5D786A, #003425, #060C01)
• Hushed Abyss color palette (#D9E0DB, #A5C0B6, #9C8698, #004E58, #18221B)
• Tempered Bronze Parlor color palette (#F0FADB, #B2CEB3, #9A889B, #9D5D3D, #6A4800)
• Teal Meadow color palette (#FFF2EB, #6ABB92, #368297, #734F49, #3F4C3A)
• Celadon Archive color palette (#EDFAE8, #D6FDAE, #70E3D3, #7BA6D0, #3A493A)

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