Tempered Loft color palette — #FFF2EF · #EFD6C1 · #7BE1D4 · #DC748D · #12514B
A conversation between Rose and Lagoon, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Bone (#EFD6C1): A whisper-light, dusty gold — the color of old brass.
- Lagoon (#7BE1D4): A whisper-light, balanced teal — the color of shallow lagoons.
- Rose (#DC748D): A luminous, balanced red — the color of embers at dusk.
- Forest (#12514B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Softness, Clarity. Tagged light, 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
- Timeworn Quarry color palette (#FFF1F1, #FFBEE0, #4EDDF0, #D192B3, #3A5441)
- Hushed Corridor color palette (#FEF3EA, #EADABA, #86D8FD, #D78143, #24503E)
- Wisteria Ridge color palette (#FEF2F4, #FFD1E6, #ABDBA1, #BA80CC, #464740)
- Ancient Blush color palette (#FCF0FF, #EB92A5, #49ABA3, #97606C, #33535A)
- Weathered Archive color palette (#FDF4E9, #DDE1C0, #C6A983, #9C6F4F, #4E3D00)
- Hushed Cocoa Bloom color palette (#FDF3ED, #DFE0CC, #AB785E, #6B3601, #231912)
- Weathered Rust color palette (#FFF2ED, #E0D8CE, #DC999B, #A15352, #441B1E)
- Dusty Chestnut Loft color palette (#FFF2EE, #E0DACE, #CF9EB6, #9EB2B2, #804224)
Browse the whole catalog at Explore, or see today's palette.