Tempered Loft color palette — #FFF0F9 · #877BFF · #A97100 · #1E6600 · #0B032C
Built around Lavender Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lavender Blue (#877BFF): A luminous, vivid violet — the color of wild irises.
- Ochre (#A97100): A full-bodied, balanced gold — the color of old brass.
- Olive (#1E6600): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0B032C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Periwinkle Workshop color palette (#FFF0FC, #759DFF, #A35900, #4B5D00, #02072C)
- Frosted Violet color palette (#FFF0F7, #8E4FFF, #845E00, #004C22, #000409)
- Linen Magenta Alley color palette (#FFF1F4, #D03FFF, #868200, #00644C, #17021F)
- Powdered Fuchsia color palette (#FFF1F4, #E38FFF, #8D8600, #007961, #26112E)
- Lapis Studio color palette (#E2EAFF, #5E38FE, #5E6000, #3D3F00, #08012D)
- Hazy Magenta Meadow color palette (#FFF1F3, #E44BEC, #A94B00, #2B4900, #00161B)
- Feathered Moss Quarry color palette (#D7E5FF, #70A0FF, #78A900, #618900, #0F1E3D)
- Airy Scarlet color palette (#DAFFF0, #2AAEEE, #D0051A, #6A5100, #000E19)
Browse the whole catalog at Explore, or see today's palette.