Tempered Ridge color palette — #E6FED7 · #9ADEE1 · #63AAC0 · #387CA2 · #214A78
Navy takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#E6FED7): A whisper-light, dusty green — the color of new leaves after rain.
- Ice Blue (#9ADEE1): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#63AAC0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#387CA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#214A78): A full-bodied, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Tempered Aqua color palette (#E0FBFF, #C4E2F2, #62C9E1, #3B84AD, #1A4068)
- Navy Summit color palette (#F6F9D3, #98CFBF, #4494A2, #005E92, #3C3B7F)
- Dusty Lagoon color palette (#F8F8D1, #AED7B3, #70B19B, #2B847D, #00555C)
- Aubergine Veranda color palette (#E9F8FF, #ACD5FA, #88A0CF, #6766A0, #513873)
- Tempered Aqua Parlor color palette (#FFF4E2, #7ECECC, #639AB8, #935C6A, #394E3E)
- Nightshade Courtyard color palette (#DBF3F7, #2AADE7, #0076C1, #1C39A3, #2B0069)
- Ancient Harbor color palette (#B8EBFF, #72B7E9, #5A85D3, #504FA1, #3A0070)
- Wandering Station color palette (#C8F0EB, #00828F, #004F68, #00203D, #000019)
Browse the whole catalog at Explore, or see today's palette.