Tempered Ridge color palette — #D3E7E4 · #559BAE · #00516A · #002F33 · #001623

Built around Peacock, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Silver (#D3E7E4): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#559BAE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00516A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002F33): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Navy Meadow color palette (#E6F3F2, #6F94B4, #00498D, #002D40, #000C3F)
• Worn Lagoon Basin color palette (#D2E6E1, #4F8D88, #004648, #00231C, #000C0E)
• Sky Orchard color palette (#E4E7D6, #38C2E4, #0090B9, #006C74, #001623)
• Antique Courtyard color palette (#EDDBD2, #63AEC3, #006DA1, #004B42, #000F38)
• Washed Petrol Quarry color palette (#EAF9F7, #7BC2E2, #0076A8, #005462, #003658)
• Petrol Coast color palette (#ECF8F7, #CCDFF1, #6C8DB5, #006B91, #35476A)
• Weathered Bronze color palette (#F7E3EC, #C99C72, #A57B13, #6D2300, #260F00)
• Ancient Field color palette (#FFE5D5, #AE5600, #592900, #220C00, #070100)

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