Tempered Studio color palette — #EAFAEF · #ABE9E0 · #95B8A2 · #916F7D · #2F4443

Sea Foam and Sage set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#ABE9E0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#95B8A2): A luminous, dusty teal — the color of sea glass.
• Mocha (#916F7D): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#2F4443): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Lichen Orchard color palette (#FFF0F9, #DBF8D8, #C5A2B7, #87728A, #33443B)
• Antique Alley color palette (#E8FBED, #D6E4B2, #AE9D69, #845D6F, #1E3735)
• Dusty Chestnut color palette (#E9F6EE, #A2C4B4, #698C78, #66562C, #183229)
• Tempered Powder Boulevard color palette (#F2F5FF, #BEBAFF, #AEB382, #5E8E7B, #2C3141)
• Timeworn Lantern color palette (#FAF5E8, #E4D9B6, #C4B48E, #A1906F, #544800)
• Muted Stone Harbor color palette (#F3F4FF, #E5D8E0, #E39EBB, #9B5D5B, #5F3400)
• Tempered Courtyard color palette (#EFF6FF, #E6FFCB, #6F88A9, #38475C, #161C24)
• Weathered Oat color palette (#FFF1F5, #D6C889, #A98153, #774B40, #0B2721)

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