Tempered Studio color palette — #FBF4EE · #C8EAFF · #8CA5D3 · #468881 · #583F4C
Built around Blue Fog, softened by Fern — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8CA5D3): A luminous, dusty violet — the color of wild irises.
- Fern (#468881): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#583F4C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Calm, 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
- Worn Turquoise Station color palette (#FFF2EF, #CDF0CD, #5EB1CE, #57885C, #534055)
- Tempered Periwinkle color palette (#FFF2E9, #ADE4FF, #639CF0, #008476, #3D3868)
- Hushed Lagoon color palette (#FCF2F6, #D8D4DF, #99BDEF, #0F9498, #383C5F)
- Soft Lime color palette (#F8F6E6, #A7C569, #A896E6, #758A48, #583647)
- Patina Basin color palette (#FFF2EE, #A3E2DF, #36A4C2, #4D784D, #16433A)
- Antique Cobalt color palette (#F8ECE1, #91CCF6, #6982CB, #006C6A, #32254C)
- Faded Denim color palette (#FBECE4, #24A2BF, #005C96, #003D2E, #05012A)
- Washed Ultramarine color palette (#ECDFD3, #6EA8D9, #4D5ABB, #004A4C, #1B0631)
Browse the whole catalog at Explore, or see today's palette.