Tempered Corridor color palette — #F7F5ED · #92BC96 · #21856E · #675A04 · #404800

Fern and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Sage (#92BC96): A luminous, dusty green — the color of fresh herbs.
• Fern (#21856E): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#675A04): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Corridor 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

• Worn Corridor color palette (#FBF4EC, #B8B184, #667D3E, #7B4F0D, #543F00)
• Antique Veranda color palette (#F5F7E7, #A6D1AC, #639E7D, #75762E, #3F4800)
• Weathered Cypress color palette (#F8F6E7, #78A97F, #00745F, #2C5540, #35362F)
• Powder Cabin color palette (#EBF9EE, #BEDEF2, #C6C4FF, #3D8779, #42584C)
• Weathered Cerulean Bloom color palette (#FBF3F0, #C8E5CD, #0098C2, #177358, #2E4F47)
• Ember Coast color palette (#EDF9EF, #26B3C3, #D3634D, #00737F, #60352C)
• Sunlit Crimson color palette (#E5FDE9, #009BA5, #C64B58, #965700, #293E2D)
• Feathered Amber color palette (#F8E8D8, #AE8E00, #546200, #005039, #382D00)

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