Weathered Loft color palette — #FAF4ED · #CBC19E · #6B8C5A · #855D1B · #5D4B00
Built around Ochre, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Sand (#CBC19E): A luminous, dusty green — the color of fresh herbs.
- Fern (#6B8C5A): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#855D1B): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#5D4B00): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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
- Weathered Bronze Delta color palette (#F8F5EC, #D3D6A3, #A39D75, #957A33, #5C4C00)
- Aged Driftwood color palette (#F1F8EC, #B7E2EA, #E6C9CA, #8A8D66, #4B5648)
- Driftwood Archive color palette (#E9F6EE, #A5CEBC, #7D895F, #55665C, #25352E)
- Softworn Pine color palette (#FCF5E2, #8FAF75, #007E4D, #5A520D, #2E411E)
- Weathered Stone Ridge color palette (#F0F7F2, #C1E8D6, #AABD94, #88A28F, #3F5249)
- Hushed Delta color palette (#F1F7ED, #6EC3AB, #C97CA8, #00866D, #624444)
- Hushed Alley color palette (#F2E8D9, #707000, #1B4200, #002924, #101100)
- Hushed Peony Boulevard color palette (#F1F8E7, #4FAC87, #B96AA2, #A2625B, #41443D)
Browse the whole catalog at Explore, or see today's palette.