Tempered Studio color palette — #EFF7F3 · #D2DCDC · #A8B4BC · #72A4B7 · #4C5550

Built around Blue Fog, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D2DCDC): a clean, paper-quiet neutral.
• Ash (#A8B4BC): a calm mid-gray that lets other colors speak.
• Blue Fog (#72A4B7): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4C5550): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Ash Studio color palette (#FBF3F6, #E3D7D6, #CCBCB9, #8E88BA, #50444A)
• Muted Denim color palette (#D8E7E1, #99A9A4, #947E93, #004B6B, #000D07)
• Powder Dune color palette (#F0F9E5, #94C4EA, #8092B8, #87607D, #514154)
• Timeworn Meadow color palette (#F8EEF9, #6DA0D4, #61535F, #3D353E, #1C2321)
• Fern Chapel color palette (#F4F6EC, #CBD6B6, #91A281, #72836E, #43550E)
• Worn Station color palette (#FFF0FB, #EDCFDE, #BCA1AA, #9C7E77, #7D4021)
• Tempered Station color palette (#F3ECF3, #DFD3DC, #C8AFBF, #4872B0, #352935)
• Aubergine Boulevard color palette (#F4E7EC, #C5ADB3, #AD8B91, #64329D, #200C15)

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