Tempered Loft color palette — #FBD5E1 · #DC5498 · #AC5D00 · #335800 · #040200
Built around Hot Pink, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FBD5E1): A whisper-light, dusty rose — the color of strawberry cream.
- Hot Pink (#DC5498): A luminous, vivid rose — the color of strawberry cream.
- Ochre (#AC5D00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#335800): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#040200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.
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
- Airy Ridge color palette (#F3D8D1, #D54EC8, #C13700, #535300, #030100)
- Frosted Corridor color palette (#E8DCD2, #FF5EA8, #C07200, #3D7500, #130900)
- Ember Corridor color palette (#FFE8EF, #E64E40, #9E6400, #444500, #120900)
- Wandering Boulevard color palette (#CFE9DF, #D75F00, #697800, #00544D, #000200)
- Ancient Amber Cabin color palette (#FFEEDC, #FF917C, #CA7C00, #6B6E00, #020100)
- Washed Thicket color palette (#FFEAEA, #84623F, #2E4B1D, #251A48, #0A0023)
- Amber Market color palette (#DBFDDB, #FFA0AD, #D19200, #008241, #121200)
- Lowlit Garden color palette (#D7EBDD, #567233, #00412C, #32023E, #010400)
Browse the whole catalog at Explore, or see today's palette.