Tempered Scarlet Loft color palette — #ECDCE2 · #C9252C · #752A00 · #211100 · #020100

Brick and Rust set the tone — five colors that lean into optimism and energy.

The five colors

• Shell Pink (#ECDCE2): a clean, paper-quiet neutral.
• Brick (#C9252C): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#211100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Energy, Balance. Tagged warm.

Use it as a design system

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

• Timeworn Dune color palette (#FFE6E4, #C54A30, #974200, #5C3000, #120700)
• Dusty Plum color palette (#F1E4F3, #BA3382, #80001F, #2F0800, #020100)
• Obsidian Bronze Harbor color palette (#FDDEEE, #956919, #622800, #2B0008, #010100)
• Bronze Drift color palette (#F9E7EF, #A15300, #005C7E, #452000, #000103)
• Chestnut Meadow color palette (#F4E2D3, #7B4600, #004C6F, #003651, #020100)
• Softworn Cobalt Thicket color palette (#EEEBFF, #0087D8, #A06200, #0A0E07, #040001)
• Dusty Emerald color palette (#FDE7DD, #CABC83, #479D5D, #7B2849, #020100)
• Weathered Workshop color palette (#FFD2CD, #FB844C, #A56200, #5E4F00, #1B1F00)

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