Tempered Ridge color palette — #DFE0D3 · #4E979E · #005360 · #002C2A · #000508

Storm Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DFE0D3): a clean, paper-quiet neutral.
• Storm Blue (#4E979E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005360): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#002C2A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000508): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Denim Coast color palette (#E5E7DB, #7EA791, #006181, #00383F, #000C17)
• Patina Navy color palette (#DCE2D1, #638EB6, #004791, #00293B, #00011C)
• Weathered Petrol color palette (#F1F3E8, #73CADF, #007E9D, #005155, #001D2B)
• Weathered Spruce color palette (#E2F0E7, #51A991, #008781, #004511, #000704)
• Dusty Forest color palette (#E8ECDB, #006E33, #004B82, #003415, #000309)
• Cornflower Studio color palette (#F0F3EA, #B2D3F6, #4382DB, #005C83, #11214E)
• Chestnut Quarry color palette (#F0E3D1, #7B5C00, #4A3100, #251300, #020200)
• Forest Summit color palette (#EFF1E3, #145903, #00474E, #412900, #000200)

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