Tempered Loft color palette — #E8FAF6 · #8FB9BA · #3B817C · #4A623C · #28494A
Built around Teal, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#E8FAF6): a clean, paper-quiet neutral.
- Ash (#8FB9BA): A luminous, dusty teal — the color of sea glass.
- Teal (#3B817C): A full-bodied, dusty teal — the color of sea glass.
- Pine (#4A623C): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal (#28494A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Parlor color palette (#F0F7F2, #A9C9BD, #698C69, #486C75, #3A534B)
- Fern Parlor color palette (#F0F4E7, #8DC1A8, #2A8670, #4F5C14, #232A1A)
- Aged Bloom color palette (#E6FBF1, #87B080, #007C5C, #005B6A, #254320)
- Patina Lagoon color palette (#EBF7FF, #D9D8ED, #D2B6DB, #008D86, #384D66)
- Worn Forest color palette (#D4EAE3, #6A9975, #006354, #004558, #00302E)
- Muted Fern Archive color palette (#F6F7E5, #A4E6C6, #72BBB5, #929275, #364B02)
- Misty Denim Garden color palette (#B3ECF5, #67C2C2, #008399, #00618E, #3F416C)
- Dusty Petrol color palette (#EDF6FF, #8ABDE2, #007CA8, #00496D, #002D49)
Browse the whole catalog at Explore, or see today's palette.