Amber Loft color palette — #FFF0FA · #A98800 · #007155 · #5E2C6F · #313A09
Built around Mustard, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Mustard (#A98800): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
- Royal Purple (#5E2C6F): A deep, shadowed, balanced pink — the color of neon signs at night.
- Forest (#313A09): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.
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
- Tempered Moss Cabin color palette (#FFE5FD, #848E2A, #006865, #642255, #003934)
- Pale Amber color palette (#FFF3E8, #D06E0C, #4C7914, #3D297A, #463200)
- Tempered Aubergine Basin color palette (#FFF0D8, #929900, #00753C, #3B07A5, #142100)
- Pine Ridge color palette (#FFF1F5, #A9A762, #3F7938, #694922, #3F3D03)
- Lapis Study color palette (#E3FDE8, #A9B133, #00964F, #533EC2, #2A3C0C)
- Garnet Study color palette (#FFF1F5, #AF6C00, #006189, #77003F, #570201)
- Washed Boulevard color palette (#FFE3D3, #A8AA6E, #578B79, #894A4F, #693B24)
- Quiet Olive Ridge color palette (#F1D9F5, #557100, #00464A, #46002C, #001C0A)
Browse the whole catalog at Explore, or see today's palette.