Tempered Study color palette — #F7F1EA · #C5E7EB · #9199C2 · #387679 · #452F37

Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Frost (#C5E7EB): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#9199C2): A luminous, dusty violet — the color of wild irises.
• Teal (#387679): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#452F37): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Ash Basin color palette (#F4F6EF, #CAE2E5, #7F9BC4, #4B748D, #614A5E)
• Worn Olive color palette (#F9F0EC, #C5EAE1, #6CA5BE, #65722D, #402F41)
• Tempered Powder Villa color palette (#F8EEF8, #8EB6EB, #C09260, #5073A3, #35302B)
• Worn Aqua color palette (#DBFCE0, #69CCF0, #598ABE, #4F5B85, #472F3B)
• Washed Stone color palette (#DFF9F0, #E9D6CD, #D3BB94, #728D75, #473A46)
• Softworn Pier color palette (#FEEBFE, #689DEC, #A78854, #907341, #2F222F)
• Hushed Market color palette (#FAF0E8, #9FCFE7, #507CBF, #005C52, #321527)
• Cobalt Station color palette (#F4E6DE, #61C2DF, #176FB3, #004D3D, #0F0E38)

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