Tempered Loft color palette — #FEF5D8 · #6A6900 · #004F3E · #1C006D · #030000
Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#FEF5D8): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#6A6900): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004F3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1C006D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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 Navy color palette (#FFF3E7, #A25B00, #00543D, #070070, #040000)
- Pine Terrace color palette (#F3F9D9, #00822D, #005748, #2C005D, #030100)
- Airy Garden color palette (#FFEBD1, #B87C00, #376200, #301168, #050400)
- Fern Orchard color palette (#E4E7C2, #186002, #003B34, #19003B, #030100)
- Bronze Lantern color palette (#FFF3E3, #936200, #454C00, #00303E, #040001)
- Fern Drift color palette (#E4DFD2, #686200, #263031, #121400, #020100)
- Feathered Nightshade color palette (#FAF8D3, #739900, #006C7E, #231EAA, #110100)
- Nocturne Garnet color palette (#FDE7F6, #8A2100, #003133, #24003B, #0E000A)
Browse the whole catalog at Explore, or see today's palette.