Tempered Ridge color palette — #EEF4E8 · #389A81 · #556B97 · #603D63 · #241B0C

Fern takes the lead with Charcoal Brown close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Fern (#389A81): A luminous, balanced teal — the color of glacier melt.
• Slate (#556B97): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#603D63): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#241B0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Washed Thicket color palette (#EEF4E7, #61AE92, #7A6794, #6D394A, #3C1F05)
• Worn Moss Bloom color palette (#F5F2E3, #7F9C5D, #2A7683, #3A4872, #28180F)
• Aged Cerulean Ridge color palette (#E8F6F0, #5997BE, #5F6292, #713937, #1B1D0C)
• Worn Loft color palette (#E2F8E8, #00737E, #733270, #5A0A2F, #0E0B00)
• Weathered Canyon color palette (#E8F0E5, #19968A, #2E4036, #1A2018, #0C0D08)
• Hazy Coast color palette (#DDFAE9, #007C94, #184CAA, #73002D, #0D1200)
• Mulberry Meadow color palette (#FAF4EC, #9F784A, #765290, #7F3757, #3C3632)
• Hushed Orchard color palette (#EDF7F9, #6BB7A8, #6487B9, #984764, #233832)

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