Amber Loft color palette — #FFDED2 · #D08900 · #816F00 · #4F5B00 · #1A4B21
A conversation between Mustard and Walnut, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FFDED2): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#D08900): A luminous, balanced gold — the color of old brass.
- Walnut (#816F00): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#4F5B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1A4B21): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Quiet Amber Balcony color palette (#F1DECF, #AF8400, #615C00, #214700, #00331B)
- Timeworn Thicket color palette (#FFDAAF, #E4A700, #A88B00, #636300, #374B00)
- Soft Olive Grove color palette (#E8DECC, #AC9F00, #5D8700, #00602B, #00483D)
- Gentle Tangerine Archive color palette (#FDE7E9, #FC6434, #9D5C00, #665300, #414500)
- Bronze Archive color palette (#F9EED2, #8DA86A, #796900, #6A3D00, #143F27)
- Gentle Amethyst color palette (#FEF5DE, #B6A425, #6B4FE5, #695D00, #372E6F)
- Misty Lime Lantern color palette (#F3FDB9, #ABB500, #5A7400, #3B3B00, #212700)
- Tempered Villa color palette (#FEE1EA, #D8BDFF, #A69A00, #26391A, #271F08)
Browse the whole catalog at Explore, or see today's palette.