Tempered Alley color palette — #FAF4F0 · #D0E4DD · #81BCCB · #4E986E · #2D5346

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#D0E4DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#81BCCB): A luminous, dusty blue — the color of deep harbor water.
• Fern (#4E986E): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#2D5346): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Softworn Driftwood Villa color palette (#FAF2F8, #D2D5E6, #ADC4E9, #709E82, #3F505D)
• Teal Parlor color palette (#EFF7F5, #CDE1F3, #56A8AD, #407B6F, #3D5761)
• Antique Petrol color palette (#F9EAE4, #86AD91, #007096, #004C3C, #00142D)
• Wandering Boulevard color palette (#F5F7E6, #CDE2D6, #ADAEBD, #A9AA6D, #46540A)
• Tempered Pine Study color palette (#FFF4E0, #C8CA95, #95AC6B, #418A53, #4D5049)
• Aged Emerald Thicket color palette (#F5F7E8, #AECFA9, #BDA4DC, #5D9F53, #64414E)
• Wandering Atelier color palette (#F3F9DE, #BBE1C1, #78AD7C, #28794A, #173E1F)
• Tempered Cobalt color palette (#E8DFD6, #8ABDB0, #536EC6, #005764, #211248)

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