Sunlit Loft color palette — #FFF1F4 · #DF9BFD · #A08839 · #326A3D · #003237
Built around Lavender, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Lavender (#DF9BFD): A luminous, balanced pink — the color of peonies in June.
- Moss (#A08839): A luminous, balanced green — the color of new leaves after rain.
- Pine (#326A3D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003237): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit 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
- Linen Mallow color palette (#FFF1F1, #F896CF, #819351, #066A62, #003425)
- Amber Quarry color palette (#FFF0FA, #A9B4FF, #BE763C, #4C6629, #1F3110)
- Softworn Powder Boulevard color palette (#FFF0FD, #9CBEFF, #C9935B, #008E95, #004144)
- Quiet Emerald Studio color palette (#FFF2EE, #FF8099, #369536, #005C63, #002340)
- Stone Canyon color palette (#FFF1F6, #F4D2D2, #D2AB94, #788773, #475443)
- Magenta Alley color palette (#FFF1F2, #F91CE8, #726F00, #004A41, #00161B)
- Hazy Chestnut color palette (#F5F3FF, #A077AB, #974A25, #345300, #003F4B)
- Blush Studio color palette (#FEF0FF, #FFC9E7, #E8819C, #9A595A, #3F3834)
Browse the whole catalog at Explore, or see today's palette.