Tempered Ridge color palette — #D3E3F6 · #176FC7 · #771700 · #392C00 · #002710

A conversation between Royal Blue and Rust, giving this palette its sense of nature and growth.

The five colors

• Frost (#D3E3F6): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#176FC7): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#771700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#002710): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Misty Garnet color palette (#D7E3F1, #1F6AB5, #850031, #1F3500, #00203F)
• Hazy Lantern color palette (#E0E7FF, #6C53D4, #910022, #003E1F, #260066)
• Worn Garnet Lagoon color palette (#E0F1FF, #005E8B, #640044, #1E2200, #001322)
• Gentle Thicket color palette (#D6E2F9, #6975F7, #972E97, #80001C, #002334)
• Misty Mulberry color palette (#E5F5FE, #0083A5, #852C64, #3F3C00, #003331)
• Feathered Aubergine color palette (#CDE7EB, #007A6B, #5D1E8D, #3C2A00, #002620)
• Washed Lapis color palette (#FCE4F1, #6753CA, #7A0068, #510005, #000C17)
• Muted Abyss Alley color palette (#CEECFC, #85A1B8, #5E6C90, #564900, #194619)

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