Tempered Loft color palette — #FFF0F9 · #6FA873 · #007881 · #6D3C50 · #214446
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Jade (#6FA873): A luminous, balanced green — the color of fresh herbs.
- Teal (#007881): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#6D3C50): A full-bodied, dusty rose — the color of a warm blush.
- Forest (#214446): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Tempered Drift color palette (#FFF0FB, #6EB8A7, #4A7E9D, #7C4A41, #354C53)
- Tempered Taupe Field color palette (#FFF1F6, #A9974D, #3A7951, #5C406E, #20453A)
- Softworn Moss color palette (#E8FAF5, #749551, #396599, #742D34, #582A03)
- Cypress Villa color palette (#FAF2F8, #C5E2EE, #5893AE, #1A725B, #344A60)
- Dusty Ridge color palette (#F4F4DB, #61AE91, #007B76, #24447E, #19280E)
- Antique Ultramarine color palette (#FFF2E9, #00A0A3, #045EB7, #693600, #003C4A)
- Dusty Denim Lantern color palette (#E0FDF5, #7DC2A9, #079A96, #4161A1, #17444A)
- Weathered Garnet Thicket color palette (#FFDBD4, #009469, #005B72, #6F000D, #00302D)
Browse the whole catalog at Explore, or see today's palette.