Tempered Loft color palette — #F7ECE2 · #CC9B00 · #998E00 · #577800 · #093902
Built around Mustard, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F7ECE2): a clean, paper-quiet neutral.
- Mustard (#CC9B00): A luminous, balanced gold — the color of honey in a jar.
- Moss (#998E00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#577800): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#093902): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Muted Field color palette (#FCE9CE, #D6B949, #95A314, #5D8A36, #084426)
- Timeworn Olive color palette (#F7E8C6, #A49700, #578600, #00661A, #002418)
- Bronze Chapel color palette (#ECDCCC, #A98000, #685F00, #293900, #011D02)
- Feathered Mustard color palette (#FFE6A8, #CAB03E, #867D00, #4B4D00, #1F2500)
- Bronze Canyon color palette (#D4EFE2, #9EBE7A, #959342, #8A6308, #012D11)
- Linen Archive color palette (#ECD9D6, #F28D4B, #BC7A00, #7E6300, #2F2D00)
- Moss Orchard color palette (#DAEBAC, #AFCB67, #81A329, #4F7600, #0C1800)
- Patina Emerald color palette (#EDF1DD, #84C25E, #00A454, #008167, #003733)
Browse the whole catalog at Explore, or see today's palette.