Tempered Amber color palette — #FBF2F7 · #E7D5D3 · #B2CBC6 · #C7683F · #4E3845

Built around Coral Clay, softened by Charcoal — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Bone (#E7D5D3): A whisper-light, dusty orange — the color of autumn markets.
• Oat (#B2CBC6): A whisper-light, dusty teal — the color of shallow lagoons.
• Coral Clay (#C7683F): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#4E3845): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Study color palette (#FCF2F8, #D1E3DE, #A9C3B8, #AF4221, #4D3847)
• Amber Chapel color palette (#F0F7F0, #CBDFDC, #ABC5C6, #B37900, #344534)
• Worn Peony Pier color palette (#F9F2FC, #EAD3DB, #DBB5BB, #C65D8A, #443C49)
• Tempered Loft color palette (#FEF2EC, #DCDBCC, #ABADB7, #ED8269, #662D06)
• Dusty Amber color palette (#DFF0DD, #B87600, #284E39, #182C17, #1B0C14)
• Dusty Grove color palette (#FFE2EE, #D5BE8E, #8A9B72, #54738E, #444A71)
• Feathered Coast color palette (#E7FBEE, #B8C278, #6A9548, #915652, #164435)
• Washed Lagoon color palette (#EFF7F4, #D2DCDF, #ABB3BF, #79A797, #495651)

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