Tempered Loft color palette — #FEF1F6 · #AEC9DD · #5577B9 · #00605A · #3B335B

Slate and Pine set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Sky (#AEC9DD): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5577B9): A full-bodied, balanced violet — the color of wild irises.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3B335B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Basin color palette (#FFF0F9, #75C5DD, #0071BD, #005845, #252475)
• Cobalt Meadow color palette (#F6F1E9, #B2CFC4, #477FBB, #005967, #111D43)
• Dusty Lantern color palette (#EEF8F0, #BBD9F0, #6C99CC, #00798B, #2C395B)
• Dusty Forest color palette (#FBF1FC, #A0DBD9, #008DAE, #006C20, #0E4170)
• Patina Cypress Chapel color palette (#ECF7FF, #E4D5F1, #D49BBA, #23827F, #2D405D)
• Cobalt Basin color palette (#CEE8FF, #0082BF, #906200, #5A5800, #0F2E45)
• Antique Dune color palette (#EDE2EA, #409EAD, #004F75, #00321F, #030A3E)
• Azure Garden color palette (#DFF1FF, #009AD0, #A46B18, #005E82, #4C2E00)

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