Tempered Loft color palette — #EFE1F4 · #CE997D · #7F8D3A · #4C5679 · #333B58

A conversation between Olive Leaf and Camel, giving this palette its sense of nature and growth.

The five colors

• Blush (#EFE1F4): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#CE997D): A luminous, dusty orange — the color of autumn markets.
• Olive Leaf (#7F8D3A): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#4C5679): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#333B58): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Study color palette (#F0E0FE, #CBA5B9, #83995B, #696588, #433F5F)
• Dusty Emerald Meadow color palette (#F1DCF3, #BFA27B, #589558, #704966, #4A2341)
• Washed Drift color palette (#F3E0FF, #CB9297, #AA742E, #335D75, #063850)
• Antique Amber Station color palette (#FADCCD, #B99242, #6C753D, #275543, #293858)
• Timeworn Taupe color palette (#ECE1D0, #C5B982, #99A367, #3B7C6F, #004649)
• Pine Villa color palette (#DCE8DD, #A2AD5A, #1A8840, #60487D, #093025)
• Stone Atelier color palette (#FFF0FB, #A8CFB2, #7CA7A5, #73708A, #4F4C62)
• Olive Quarry color palette (#FFE1D8, #8A8629, #007756, #5B2E56, #2B0628)

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