Tempered Alley color palette — #ECF8F7 · #E2D4CD · #68926F · #234F4C · #0E1F1D

Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Bone (#E2D4CD): a clean, paper-quiet neutral.
• Fern (#68926F): A luminous, dusty green — the color of fresh herbs.
• Forest (#234F4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#0E1F1D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Hushed Petrol color palette (#EDF7FD, #FFDAE2, #457F97, #183C51, #041119)
• Weathered Olive Drift color palette (#F5F6ED, #F1DBB7, #8BA880, #707128, #2C2C22)
• Fern Atelier color palette (#E7F5F2, #AACEB1, #4D6B40, #0D3933, #0D1614)
• Powder Hollow color palette (#ECF7FE, #73C6EA, #62A2BF, #8E5F86, #152D2A)
• Worn Meadow color palette (#EEF8F5, #AFEBE5, #93AFE2, #8BA469, #181F29)
• Washed Cypress Villa color palette (#E7F9FF, #FFBCBA, #007179, #002D3A, #000507)
• Weathered Stone color palette (#E6FAF5, #ABD18E, #CF9BC0, #9C7390, #1F3732)
• Weathered Turquoise color palette (#FFF0FD, #B7EBCA, #6FABCA, #97625F, #28444A)

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