Tempered Loft color palette — #FFF2EE · #BCC78C · #7E4E54 · #4A312B · #2A231B
Built around Pistachio, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Pistachio (#BCC78C): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#7E4E54): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#4A312B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Onyx (#2A231B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Ancient Bronze Quarry color palette (#FDF3ED, #EECAA4, #AA6C47, #753B14, #352821)
- Taupe Terrace color palette (#F9F3F8, #C3E8D5, #C98C87, #81607D, #31282F)
- Ancient Stone color palette (#F9EEF5, #E4B4C4, #77556C, #3E2938, #191117)
- Washed Coast color palette (#FCF3F0, #F3AAAB, #3A8F74, #97585B, #2C2F29)
- Marigold Veranda color palette (#FBF5E5, #CFA768, #5E5100, #302E27, #1B1D11)
- Soft Mustard color palette (#FFF2EB, #B1A500, #7B2A00, #451400, #1E1604)
- Velvet Bronze Alley color palette (#ECE8D9, #945F00, #1E292D, #1D1F00, #040500)
- Aged Studio color palette (#FFF3E4, #DC946B, #6A8049, #6C4E64, #4C4741)
Browse the whole catalog at Explore, or see today's palette.