Tempered Loft color palette — #ECF7FF · #CB9900 · #004F6E · #002A3D · #0C1126

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Mustard (#CB9900): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#004F6E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002A3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0C1126): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Feathered Archive color palette (#F1F5FF, #CB9900, #403C86, #211E4E, #191127)
• Coral Corridor color palette (#E7F4FF, #E88B75, #00517E, #00233A, #000814)
• Amber Garden color palette (#D0E0F0, #B08400, #00395D, #00172B, #040510)
• Worn Stone Hollow color palette (#F4F4FF, #D8BD83, #6A537A, #37354E, #28232A)
• Soft Petrol Delta color palette (#E6FAF4, #FF9C8A, #006EAD, #003E64, #002119)
• Wandering Cerulean color palette (#E2FDF0, #9EE3A4, #009BCA, #006585, #072016)
• Shadow Navy color palette (#D7E6FE, #9A7300, #091073, #01002F, #00020C)
• Charred Onyx Lagoon color palette (#E2E9FF, #896600, #200054, #291124, #050019)

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