Tempered Alley color palette — #F5F7E3 · #69AB88 · #187263 · #4B4C44 · #343630

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

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#69AB88): A luminous, balanced teal — the color of sea glass.
• Teal (#187263): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#4B4C44): quiet, heavy and certain.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Fern Garden color palette (#FEF4E2, #A09F56, #546D22, #4A4C45, #37352F)
• Fern Grove color palette (#F3F3E2, #7BAD92, #1C736B, #4C4900, #172004)
• Aged Balcony color palette (#E4FBF5, #90C1A6, #2C9289, #566B44, #163C3D)
• Sunlit Moss Courtyard color palette (#F5ECC5, #6DA446, #006D35, #004E47, #1C3606)
• Dusty Courtyard color palette (#D7F0ED, #00ABB1, #007A8F, #00546E, #293458)
• Lilac Orchard color palette (#DCFFEF, #BDDCFF, #A4A0DA, #31787E, #2C463E)
• Dusty Rust Atelier color palette (#D9F7E6, #009DC0, #BB5729, #006077, #532715)
• Weathered Driftwood Veranda color palette (#F7F6EA, #A8CCA8, #738B4A, #5B6B5B, #4C5200)

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