Tempered Loft color palette — #FFF1F5 · #B8D3B8 · #B9936D · #8A6A78 · #3D4C3F

Camel takes the lead with Pistachio close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Pistachio (#B8D3B8): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#B9936D): A luminous, dusty gold — the color of honey in a jar.
• Pewter (#8A6A78): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#3D4C3F): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Taupe Meadow color palette (#EAFAF1, #AFD5C5, #A19E6E, #5D7E69, #384D46)
• Taupe Harbor color palette (#FFF0F8, #E7BDD1, #C08E79, #8A6881, #554149)
• Wandering Stone color palette (#FFF1F6, #CCB587, #997482, #6F5367, #3A4D44)
• Cocoa Quarry color palette (#FFF3E7, #E9D6BD, #CFAF90, #AA8B76, #5C4300)
• Washed Lilac Study color palette (#F1F5FF, #A4A2E7, #CE8292, #9C6D5C, #373C4D)
• Hazy Bronze Studio color palette (#CFE9DA, #A5A351, #827200, #604A00, #002C20)
• Bronze Drift color palette (#DCF7E2, #C6B46C, #A68000, #7E580B, #1B3D2E)
• Timeworn Canyon color palette (#E9F8FD, #55B7BB, #A88339, #5E6E2D, #223537)

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