Tempered Studio color palette — #F7F0EB · #C5E7E7 · #819EC6 · #38786D · #462D3C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Silver (#C5E7E7): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#819EC6): A luminous, dusty blue — the color of deep harbor water.
- Teal (#38786D): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#462D3C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Lantern color palette (#F6F2E6, #BBB67A, #A591C5, #7A742C, #432733)
- Timeworn Ridge color palette (#F8F5EF, #CDE2E2, #72A596, #187D85, #5F4B5E)
- Antique Villa color palette (#FAF3F6, #D9DFEE, #98B3DA, #429789, #48516F)
- Powder Canyon color palette (#F6F2E3, #B9DFD7, #8FC1CC, #9F836C, #393831)
- Dusty Courtyard color palette (#F8E7DC, #72A5B8, #0B589F, #003A30, #09002E)
- Wandering Fern color palette (#FBEFEB, #BBD9B8, #0092AF, #11670E, #002744)
- Wandering Petrol Courtyard color palette (#F2E6E2, #80C0C5, #05759C, #004F2A, #011337)
- Weathered Canyon color palette (#F8F2DC, #9EA167, #9F7EB6, #866C99, #2D2710)
Browse the whole catalog at Explore, or see today's palette.