Tempered Loft color palette — #CCF7FF · #FFD1C2 · #ABABA1 · #4D3746 · #1C161A

Shell Pink and Frost set the tone — five colors that lean into sophistication.

The five colors

• Frost (#CCF7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
• Ash (#ABABA1): a calm mid-gray that lets other colors speak.
• Charcoal (#4D3746): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#1C161A): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Ancient Grove color palette (#DEF1FF, #FFD3B0, #D8CACF, #472A36, #26191F)
• Sunflower Market color palette (#F1EAFF, #FBDE14, #D9C7C7, #234332, #14201A)
• Coral Atelier color palette (#F1DDF9, #52EEFB, #EC7972, #3F3A34, #30221C)
• Antique Taupe Station color palette (#F0F7F3, #D2DDE0, #B1ABC0, #A89F6A, #38423C)
• Periwinkle Courtyard color palette (#FFF0FB, #F79382, #689FEE, #9D5C6C, #2F1E2B)
• Hushed Apricot Villa color palette (#FFF1F6, #E99A42, #0084B9, #894451, #29181E)
• Pale Lime Boulevard color palette (#FFE7EA, #99D03E, #E09D00, #1B2B1C, #0F1610)
• Timeworn Seafoam Corridor color palette (#E1DDF1, #00EEE3, #FFB662, #625C56, #2B231B)

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