Amber Loft color palette — #FBF2F5 · #E6D7D5 · #97BA89 · #D28631 · #12221F

A conversation between Mustard and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Bone (#E6D7D5): bright and airy, almost weightless.
• Sage (#97BA89): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#D28631): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#12221F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Station color palette (#F8F3F8, #E6DAD5, #CEA675, #E0747C, #172216)
• Ancient Moss Ridge color palette (#F0F7F4, #B5EDDD, #6AC0B4, #9BA235, #0D2226)
• Aged Aqua Chapel color palette (#F9F3F7, #FFD2C7, #41CFC6, #DD9686, #1F3135)
• Patina Indigo color palette (#EFF8EF, #D3A473, #4A97A2, #7264A8, #2E202F)
• Worn Cobalt Station color palette (#E9FAEC, #EADCB0, #8EAD78, #5471AB, #2E453B)
• Softworn Lagoon color palette (#FBF4ED, #E6B587, #5B8B5E, #8B643D, #2D2F25)
• Gentle Emerald Station color palette (#EBF9EE, #FDD36D, #00AE63, #9D7800, #000E04)
• Stone Station color palette (#F1F7F2, #D3DCDB, #B6B2BE, #C1AC7D, #475049)

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