Tempered Studio color palette — #F9F4EC · #B9EDDE · #89B2F6 · #3299B6 · #30375F

A conversation between Sky and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Mint (#B9EDDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#89B2F6): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#3299B6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#30375F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Soft Sky Garden color palette (#FCF4E8, #A9E3FF, #4CB3FF, #0096A1, #042F6D)
• Antique Lagoon color palette (#F9F4ED, #CAEACB, #6BC0D1, #3AA084, #004156)
• Weathered Iris color palette (#FDF3EA, #AFE1D1, #7B91D9, #007C7B, #3F325A)
• Hushed Turquoise Cabin color palette (#F9F4EE, #C6DEED, #BDBCEA, #69AEBF, #5F4B5B)
• Cobalt Quarry color palette (#ECF5ED, #ABCBEA, #527BBF, #00586C, #181D3D)
• Muted Cerulean Atelier color palette (#F4ECE0, #82D0D0, #00A4B9, #008064, #002330)
• Timeworn Station color palette (#E6E8BF, #86C168, #6BA6F6, #CF797F, #2D2D0E)
• Patina Petrol color palette (#FAEEDD, #68AFAB, #008490, #006045, #000B10)

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