Tempered Ridge color palette — #E5F7EF · #84B77E · #007E5F · #76343F · #0C2709
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F7EF): A whisper-light, dusty teal — the color of sea glass.
- Jade (#84B77E): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007E5F): A full-bodied, balanced teal — the color of glacier melt.
- Oxblood (#76343F): A full-bodied, balanced red — the color of a theater curtain.
- Deep Forest (#0C2709): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Cypress Station color palette (#E6F6F2, #7AAAAC, #007470, #6B3427, #002123)
- Pine Cabin color palette (#E6F7E9, #A6AE72, #417B35, #614800, #202300)
- Frosted Lagoon color palette (#FCF5DD, #99CA8F, #009E75, #96515D, #274321)
- Lagoon Hollow color palette (#E9F5F0, #A6CCC7, #5B8F7D, #406C5C, #1E3633)
- Weathered Corridor color palette (#DAFFCD, #7ABD77, #378200, #194100, #041700)
- Aged Harbor color palette (#F8F6E5, #C4E5A7, #59A84C, #886416, #233411)
- Weathered Mulberry color palette (#BFF0EC, #19A64C, #645FE0, #980085, #001F08)
- Frosted Coast color palette (#F3E3C3, #AA9B00, #677B00, #265000, #002C16)
Browse the whole catalog at Explore, or see today's palette.