Amber Studio color palette — #FFF1F6 · #AFD2B5 · #B67B46 · #834434 · #06281B

A conversation between Caramel and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Pistachio (#AFD2B5): A whisper-light, dusty teal — the color of shallow lagoons.
• Caramel (#B67B46): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#834434): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#06281B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Amber Studio 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

• Aged Terracotta color palette (#FFF0FA, #E2BBCA, #B57965, #844049, #0B2813)
• Wandering Terracotta Atelier color palette (#FFF1F6, #F0CA8A, #D07928, #A5321E, #2E2800)
• Dusty Bronze Field color palette (#EDF9EF, #C2E7D4, #B59A66, #8F5E39, #173931)
• Wandering Cocoa color palette (#FFF1F5, #C3B181, #9F6924, #762B02, #131400)
• Softworn Archive color palette (#DBFFED, #ABC687, #898100, #664700, #001F07)
• Amber Hollow color palette (#F2D8E2, #BD8E51, #86592C, #5A3316, #061D0B)
• Tempered Amber color palette (#F9E4D0, #DCBB94, #D18C4A, #A36A46, #34302A)
• Fern Study color palette (#D6F0DF, #838C53, #5C4C00, #321C00, #000200)

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