Tempered Archive color palette — #FBF2F7 · #E5D5D3 · #A5B9AD · #8A5341 · #41373E

Built around Coffee, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Bone (#E5D5D3): a clean, paper-quiet neutral.
• Ash (#A5B9AD): A luminous, dusty teal — the color of sea glass.
• Coffee (#8A5341): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#41373E): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Bronze Parlor color palette (#FCF2F7, #EAD4D2, #BDCDBB, #AC6F4F, #43363D)
• Aged Bloom color palette (#F8F0EB, #DAD6C7, #C4B4A2, #89563A, #281E17)
• Wandering Chestnut Quarry color palette (#EDF9EF, #C1D9CF, #91B18D, #735500, #233928)
• Softworn Studio color palette (#F1F7F3, #D2DCDE, #AAAABB, #6A8B76, #4C554F)
• Driftwood Study color palette (#F8D8ED, #91AF90, #6A8658, #525877, #493D55)
• Tempered Cocoa Hollow color palette (#E8DFE3, #AFBDB0, #739887, #6D3100, #2B1922)
• Hushed Spruce Alley color palette (#DCE9E2, #8A9F9A, #497A7C, #2F2C00, #000D06)
• Worn Pine Canyon color palette (#EEF8F0, #95A263, #347337, #534361, #173D32)

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