Tempered Ridge color palette — #FDE8E1 · #6EADAF · #0080A5 · #00622C · #00081C

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FDE8E1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Blue Fog (#6EADAF): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00622C): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00081C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Weathered Cerulean color palette (#F9EAE5, #5AC2CC, #008EC1, #007142, #000F3A)
• Sunlit Cobalt Basin color palette (#F7E8DD, #6EA9C7, #3B71CB, #005E55, #0B0027)
• Denim Workshop color palette (#E0F1E3, #54A1A4, #006373, #003D30, #000B12)
• Worn Orchard color palette (#ECE2EC, #16898D, #004257, #00210C, #000105)
• Hushed Corridor color palette (#F5E8DC, #93C7EE, #728CE5, #007D7C, #270C49)
• Azure Atelier color palette (#DAE7D0, #4CC2B4, #37A5E0, #856200, #00120B)
• Weathered Terrace color palette (#EDF1E0, #2BAB60, #8133A7, #006632, #0D0016)
• Emerald Studio color palette (#C9EAD5, #00A655, #007851, #003F1D, #000201)

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