Tempered Alley color palette — #FAF3F5 · #CFD9DB · #9AA2AD · #9F7384 · #585053

Mocha takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#CFD9DB): a clean, paper-quiet neutral.
• Blue Fog (#9AA2AD): a calm mid-gray that lets other colors speak.
• Mocha (#9F7384): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#585053): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Wandering Driftwood color palette (#F8EFF3, #CAD6DA, #999DAB, #997787, #3C3337)
• Ancient Driftwood Ridge color palette (#F0F7F4, #D2DCDE, #AAAAB9, #82865A, #4C5551)
• Timeworn Ash Meadow color palette (#ECFAED, #B5CCC1, #769E99, #657283, #484B5D)
• Onyx Parlor color palette (#D9E1D9, #909E95, #58796D, #3C2600, #030C03)
• Washed Studio color palette (#E8F1EC, #C0D1CA, #7BACA3, #635400, #26312B)
• Washed Pine color palette (#EEF9EE, #B2925E, #2E825F, #1F5883, #453D58)
• Washed Alley color palette (#ECF9EE, #D5D8C8, #EBC472, #8AAA6F, #374D42)
• Spruce Loft color palette (#DDECE9, #98AEAE, #548B82, #094405, #021816)

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