Tempered Studio color palette — #F9F4EF · #D9DBD3 · #A4B4BC · #C8A884 · #524C46

Camel and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#D9DBD3): a clean, paper-quiet neutral.
• Ash (#A4B4BC): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C8A884): A luminous, dusty gold — the color of old brass.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

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

Use it as a design system

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

• Seafoam Canyon color palette (#FBF4E9, #E3DBD1, #89DAAB, #9FBFB8, #4B4100)
• Timeworn Oat color palette (#FFF3E6, #DBE4C8, #BFCBA9, #9D868A, #5C4B4E)
• Aged Basalt Boulevard color palette (#E8E4DE, #C0BBA7, #7F9B75, #503600, #020100)
• Amber Workshop color palette (#FAF4EA, #D7E2CF, #A1BCD2, #AF8E00, #38352E)
• Hushed Taupe color palette (#FFF3E5, #FFD4A9, #96AC6E, #75699D, #423F38)
• Worn Fern color palette (#F6F5EE, #BCE2D9, #76BFAC, #9D7E74, #434C00)
• Wandering Fern Orchard color palette (#F7F6EB, #D0DED2, #A9C49F, #516A00, #0E0D03)
• Mustard Corridor color palette (#FBF5E7, #BCB065, #585805, #2F2B1F, #130F0A)

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