Tempered Loft color palette — #FFF0FA · #E6DBD5 · #CDC49A · #FE8B1F · #4D1C0A
A conversation between Apricot and Espresso, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Bone (#E6DBD5): a clean, paper-quiet neutral.
- Pistachio (#CDC49A): A luminous, dusty green — the color of a quiet forest floor.
- Apricot (#FE8B1F): A luminous, vivid gold — the color of afternoon light on wheat.
- Espresso (#4D1C0A): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Quiet Mustard Corridor color palette (#FFF0FC, #FFCED1, #E5BD93, #E1AF00, #4F2500)
- Muted Coral Field color palette (#FBF1FF, #E9D7D9, #FF968C, #B2AEA0, #4E1220)
- Ancient Amber color palette (#FFF2EB, #FFBA87, #D58000, #805100, #3F2A00)
- Washed Amber color palette (#FFF0F8, #EAD7CA, #FFB692, #DA8400, #250C00)
- Mustard Parlor color palette (#E4FDE6, #D5D9CC, #99C1C5, #CDB700, #3B2C00)
- Coral Harbor color palette (#FFEEE5, #FFBACF, #FF7E6F, #B87800, #2D1000)
- Aged Coral color palette (#FFEFFF, #E3B0FF, #FF856E, #8D8F00, #562700)
- Soft Loft color palette (#FFF0F9, #F2570C, #5E2C00, #240A1C, #030103)
Browse the whole catalog at Explore, or see today's palette.