Tempered Alley color palette — #ECF4F1 · #DDD0CD · #D0B4B2 · #497B9B · #222F2B

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DDD0CD): bright and airy, almost weightless.
• Rosewood Mist (#D0B4B2): A luminous, dusty orange — the color of autumn markets.
• Slate (#497B9B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#222F2B): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Patina Petrol color palette (#EEF8F5, #E2D3D1, #CDB7BB, #557898, #404A47)
• Softworn Petrol color palette (#F8EFF3, #E6D2CC, #DFB2B0, #6E5DA4, #2D2127)
• Softworn Ash color palette (#F1F6FB, #DADAE4, #CBBFC3, #77A2CC, #384049)
• Navy Terrace color palette (#E4F0ED, #AB9AA5, #86719C, #003863, #000604)
• Fern Cabin color palette (#D3F7E5, #D4B4CA, #A37BA2, #605D0D, #3A4000)
• Deep Indigo color palette (#EAD8E6, #516CD0, #442732, #1F101C, #030806)
• Timeworn Olive color palette (#FAF0E6, #BFB484, #6C7D42, #654C5F, #2E2614)
• Patina Aubergine Grove color palette (#EEE7E9, #D7C7C8, #BE9A94, #644288, #1E1216)

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