Tempered Ridge color palette — #ECF5EC · #96BDAE · #56815F · #68502A · #0A2E24

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Ash (#96BDAE): A luminous, dusty teal — the color of sea glass.
• Fern (#56815F): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#68502A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#0A2E24): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Lagoon Loft color palette (#EAF5F0, #95BCB9, #2D857A, #6D4761, #052E2C)
• Worn Olive Parlor color palette (#EEF8F2, #ADB584, #5E7F46, #3F634D, #2F493F)
• Wandering Lagoon color palette (#FCEDF2, #A4A376, #477142, #005156, #002316)
• Lagoon Parlor color palette (#D3E8E1, #82B37B, #00956E, #00615F, #003038)
• Weathered Emerald color palette (#FBF4EC, #CEC49F, #60A167, #93682B, #4F4100)
• Feathered Peony Parlor color palette (#E5F5F7, #69B59F, #C46F8C, #007660, #421527)
• Moss Delta color palette (#CFEDDC, #72A561, #006B56, #473F00, #051C00)
• Aged Olive Cabin color palette (#E2F6F9, #D0DAE9, #D4B9EC, #728243, #103744)

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