Tempered Cocoa Loft color palette — #FFF1F3 · #F0D3D1 · #E89D9E · #A56E55 · #6D4100

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#F0D3D1): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#E89D9E): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A56E55): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6D4100): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Tempered Cocoa 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 Grove color palette (#FFF2EF, #EFD6C3, #E0A881, #977541, #4E4B44)
• Softworn Rose Orchard color palette (#FFE4E1, #E69FAB, #C8646A, #834739, #3D3733)
• Timeworn Coral color palette (#FFD3E0, #FF8270, #B65B00, #664300, #272200)
• Amber Workshop color palette (#FFF1F2, #FFA387, #CC7318, #795A00, #292F00)
• Softworn Cocoa color palette (#FFF2EE, #E0DECD, #9DC5C7, #D5A5A6, #794117)
• Wandering Cocoa Drift color palette (#FFE9E2, #D4CED9, #A29699, #743A14, #281E18)
• Tempered Ridge color palette (#FFF2EF, #F5D3C7, #89D8F7, #D17E8C, #26503D)
• Amber Balcony color palette (#FFE5E4, #E4700C, #835500, #403900, #0B1300)

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