Tempered Loft color palette — #D8E8F2 · #BB8C00 · #00455C · #001924 · #000307

Mustard takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D8E8F2): A whisper-light, dusty blue — the color of deep harbor water.
• Mustard (#BB8C00): A luminous, balanced gold — the color of old brass.
• Deep Teal (#00455C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Amber Loft color palette (#E3E9FA, #BF9A49, #413D79, #131A34, #030410)
• Ember Ridge color palette (#C9EFE1, #EB5E4A, #003F60, #001D2F, #000F11)
• Hushed Clover Canyon color palette (#D2ECDC, #72C25C, #00667B, #003440, #001218)
• Hushed Stone Studio color palette (#E8F4FD, #D9C08C, #376787, #1F3343, #0F151A)
• Cellar Summit color palette (#ECEEFC, #987200, #330867, #0B0021, #010008)
• Softworn Denim color palette (#EEF6FF, #FFA8A5, #0057A6, #001E40, #000104)
• Twilit Chestnut Parlor color palette (#D6E8FC, #705300, #2F2223, #00142C, #000104)
• Moonless Boulevard color palette (#DFDDED, #836200, #320041, #231119, #07000B)

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