Amber Loft color palette — #FFF1F5 · #F4F0A4 · #AAE2A6 · #C67A64 · #2F4934
Caramel and Mint set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Butter (#F4F0A4): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint (#AAE2A6): A whisper-light, balanced green — the color of fresh herbs.
- Caramel (#C67A64): A luminous, balanced orange — the color of autumn markets.
- Forest (#2F4934): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Softness, Clarity. Tagged pastel, light, muted.
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
- Coral Archive color palette (#FFF0F9, #E5EFC5, #AAD493, #CE7478, #603D4C)
- Powdered Amber Harbor color palette (#FCF8C5, #A0FACB, #77E1CC, #BE843C, #3B4923)
- Tangerine Lagoon color palette (#FFF3E5, #CFFDA2, #C0E5CE, #EA7223, #4A3500)
- Hazy Blush color palette (#FFF3E7, #D0EFC9, #7FE9F6, #FB8084, #50451C)
- Tempered Straw color palette (#DFFCE2, #D3E07D, #87CCA6, #A86341, #173526)
- Dusty Mint color palette (#FFF1F6, #F7E591, #56CA9A, #AA4D5A, #4E441A)
- Seafoam Alley color palette (#E3FFD3, #65FFD3, #00D3EB, #97831C, #053E1F)
- Softworn Amber color palette (#FFE7F0, #D5AE5A, #B8742E, #875040, #163E2E)
Browse the whole catalog at Explore, or see today's palette.