Tempered Studio color palette — #FAF3F7 · #D6E0F2 · #739FBE · #3B7C71 · #455468

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D6E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#739FBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3B7C71): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#455468): A full-bodied, dusty blue — the color of deep harbor water.

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

• Wandering Cerulean Grove color palette (#EFF7F6, #D4DDED, #80BBD3, #2597A0, #3B566A)
• Weathered Cypress color palette (#F1F2EC, #C9DEDC, #67A6C0, #097982, #213D32)
• Sky Study color palette (#EAF7FF, #70BCD6, #C08A74, #307D95, #614255)
• Weathered Turquoise color palette (#ECF7FF, #5EA1C2, #AE7C66, #846E39, #334551)
• Denim Corridor color palette (#F7ECF4, #70A9B5, #005F84, #003F34, #001E44)
• Wandering Lantern color palette (#ECF7FF, #A6D4F5, #4D85A9, #1D5A76, #153A52)
• Muted Navy color palette (#EBDEE5, #4C89A4, #003D6F, #002221, #04002D)
• Patina Driftwood color palette (#EEF8EF, #A0C1AE, #6B896D, #705462, #374D46)

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