Amber Loft color palette — #F5EFD1 · #B19300 · #776400 · #3E3200 · #0F0B00
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5EFD1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#B19300): A luminous, balanced green — the color of fresh herbs.
- Olive (#776400): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#3E3200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged monochrome.
Use it as a design system
One click turns Amber 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
- Aged Cabin color palette (#F8E1CC, #D57F00, #8C5200, #492700, #150800)
- Gentle Studio color palette (#E9EFD2, #819400, #546000, #252B00, #030400)
- Hushed Mustard color palette (#FFF4CC, #CEA700, #735D00, #242100, #020100)
- Dusty Mustard Villa color palette (#F8F0D3, #C2AC03, #967F00, #655500, #0E0A00)
- Wandering Lime color palette (#D5E9DC, #C6C874, #91B54B, #876000, #2A2700)
- Frosted Canyon color palette (#D7EBD6, #51B24C, #097719, #02410A, #000A01)
- Weathered Moss Archive color palette (#FFEADE, #00B199, #749C00, #182400, #000504)
- Feathered Boulevard color palette (#D2FCA5, #83C619, #518800, #385600, #132100)
Browse the whole catalog at Explore, or see today's palette.