Tempered Studio color palette — #F1EAE0 · #78A8CB · #0052A3 · #002A33 · #00000B

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

The five colors

• Cream (#F1EAE0): a clean, paper-quiet neutral.
• Blue Fog (#78A8CB): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#0052A3): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002A33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Ultramarine color palette (#F6EDDF, #8FBCE4, #2E62BF, #003C4B, #010014)
• Timeworn Denim color palette (#F2ECE3, #72AEB0, #005F6E, #002C22, #000102)
• Tempered Parlor color palette (#DCEBDF, #4687B3, #003B78, #002128, #03012C)
• Sunlit Courtyard color palette (#F9EDE2, #68A8D4, #4B69D8, #005D5C, #0E0024)
• Hushed Terrace color palette (#FDF4E6, #97D7EF, #0F83BC, #005154, #000C21)
• Dusty Bronze Parlor color palette (#FAEDE1, #995900, #005892, #412300, #000104)
• Washed Turquoise color palette (#FAF4EB, #BCE6F3, #51B3DB, #008079, #003150)
• Muted Balcony color palette (#F1E3D3, #754A00, #00524F, #4B006A, #020100)

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