Amber Loft color palette — #F9F0E8 · #B68057 · #8B6B41 · #2E5B3A · #28181C

Caramel and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Caramel (#B68057): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8B6B41): A full-bodied, dusty gold — the color of old brass.
• Pine (#2E5B3A): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#28181C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Softworn Driftwood color palette (#F5F2E4, #989451, #5C6C3C, #005957, #291715)
• Taupe Quarry color palette (#FDEEEB, #BF7F8B, #8D515A, #285435, #22131A)
• Muted Market color palette (#F6F3DF, #C39CC7, #986C5D, #20596F, #3A2625)
• Gentle Bronze color palette (#FBF0E0, #A97D19, #566400, #173D70, #1B0E00)
• Worn Chapel color palette (#FFEFDB, #8C6B00, #655200, #00473C, #1C0117)
• Muted Olive Boulevard color palette (#FFF1F2, #AF7B97, #63732E, #00575C, #45303C)
• Hushed Delta color palette (#FDE9E1, #B96867, #553300, #281B16, #110B0B)
• Weathered Bronze color palette (#F8F3FA, #C3899B, #A9783B, #007582, #3D3142)

Browse the whole catalog at Explore, or see today's palette.