Tempered Loft color palette — #E7ECDE · #F62DBB · #00763D · #011310 · #020300
A conversation between Hot Pink and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7ECDE): bright and airy, almost weightless.
- Hot Pink (#F62DBB): A luminous, vivid pink — the color of a candy shop window.
- Pine (#00763D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#011310): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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
- Magenta Bloom color palette (#F3DBDC, #DE30FB, #427100, #02110A, #020200)
- Weathered Raspberry Hollow color palette (#E1EBD6, #EC0572, #008478, #00120C, #000200)
- Pale Boulevard color palette (#F1F1DC, #B700C3, #777700, #081107, #020200)
- Ember Terrace color palette (#CEF4F2, #E04600, #008381, #040F14, #000300)
- Worn Ember Veranda color palette (#F4E6D3, #FB3A15, #0098A3, #002C30, #000203)
- Aged Byzantium color palette (#FCE0E6, #A300D5, #0063AE, #0A0A17, #000104)
- Magenta Bloom color palette (#F9DDE1, #D702EC, #007DE4, #00142C, #060008)
- Quiet Canyon color palette (#F4E3CC, #FF7C7F, #00AFA9, #0D2D37, #0C1D0A)
Browse the whole catalog at Explore, or see today's palette.