Tempered Loft color palette — #FFF5D9 · #D3C22C · #3D8AEC · #857900 · #003877

Azure takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#D3C22C): A luminous, balanced green — the color of fresh herbs.
• Azure (#3D8AEC): A luminous, vivid blue — the color of deep harbor water.
• Olive Leaf (#857900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003877): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Iris Corridor color palette (#F4EFD6, #A3B155, #9088E1, #6D7A00, #332E59)
• Orchid Grove color palette (#FFF4DC, #DBBF2C, #9F68EC, #8B7700, #442B67)
• Iris Parlor color palette (#E0FFE4, #FFCE71, #9096EF, #A27500, #26265C)
• Feathered Iris color palette (#FFF3E8, #FFA866, #7293FE, #9D5100, #21327A)
• Hazy Sapphire color palette (#E1FEE9, #C49E25, #3662E4, #715900, #1E3573)
• Pale Indigo Market color palette (#EADDC0, #C0AA28, #6C64CF, #726300, #251D59)
• Honey Terrace color palette (#FFF4E0, #EEBE11, #9CB2FF, #B89200, #273472)
• Airy Wisteria color palette (#F2FBD2, #75D98B, #B678F3, #007E36, #482867)

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