Amber Loft color palette — #F5F7E2 · #9BBD90 · #53B6BF · #BA8741 · #42433C

Mustard takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BBD90): A luminous, dusty green — the color of a quiet forest floor.
• Cyan (#53B6BF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#BA8741): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#42433C): quiet, heavy and certain.

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

• Periwinkle Ridge color palette (#EEF9EA, #7CC1B4, #6FAAE1, #909952, #394733)
• Bronze Corridor color palette (#F4F6ED, #86BA8E, #C78A7E, #9A7140, #3C3E37)
• Seafoam Hollow color palette (#E0FCFA, #84E59F, #69CAE4, #B59F6F, #233E3C)
• Wandering Lilac color palette (#F6F7E4, #7FA470, #9E77B9, #9B6181, #43433C)
• Patina Atelier color palette (#F2F9DF, #B7E1C2, #71B085, #297A4A, #1E4128)
• Pale Jade Thicket color palette (#E6F1C9, #3AB66C, #009FC0, #9C7700, #003B1C)
• Wandering Lantern color palette (#FBF4EC, #D9C7B1, #B59572, #906C50, #604100)
• Washed Seafoam Studio color palette (#DDFDF8, #A1D89A, #D4ADE4, #CD939F, #334744)

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