Tempered Studio color palette — #E3F8ED · #30C8F9 · #887486 · #4B5851 · #1E231F

Built around Cyan, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#E3F8ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#30C8F9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#887486): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#4B5851): quiet, heavy and certain.
• Onyx (#1E231F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Muted Archive color palette (#FDECF8, #A0B1FF, #8D747B, #5C5158, #1C2421)
• Mint Dune color palette (#EDF5E9, #12D3B6, #6C8174, #51574E, #21221D)
• Periwinkle Drift color palette (#D3F9EF, #3CA7FF, #626191, #284941, #09140E)
• Iris Market color palette (#F8E5F3, #7492FF, #775762, #473644, #070F0D)
• Powder Parlor color palette (#DCFFEB, #ADE0FF, #92BAFA, #7E89B7, #604451)
• Softworn Meadow color palette (#E2F0F9, #398EAE, #303D4B, #0F202B, #060E11)
• Hushed Powder Alley color palette (#FCF3EF, #BEE5EB, #97D1E4, #9AA885, #385049)
• Weathered Periwinkle color palette (#FDF1FB, #BFD6FF, #E4C183, #89A8E2, #514C46)

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