Tempered Studio color palette — #FFF1F4 · #D6ADDF · #D58C5A · #27944A · #003B60

Kelly Green and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D6ADDF): A luminous, balanced pink — the color of a candy shop window.
• Camel (#D58C5A): A luminous, balanced gold — the color of old brass.
• Kelly Green (#27944A): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003B60): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Gentle Olive Drift color palette (#FFF1F8, #BAB3FF, #D68781, #728727, #003F4D)
• Powdered Stone color palette (#FFF2EF, #F8A2B1, #ABA257, #008E91, #39305B)
• Olive Lagoon color palette (#ECDDD2, #D86E2F, #478500, #005A6F, #1C0030)
• Antique Market color palette (#FFDFDF, #FE64CE, #C27600, #007C38, #00283A)
• Gentle Amber color palette (#EFF6FF, #9ABAFF, #A78600, #00696E, #00313D)
• Muted Driftwood Lantern color palette (#FFF1F4, #E7CABA, #CAAA9C, #799A77, #434F3A)
• Hushed Coral color palette (#F0DDD5, #F07970, #7A8F00, #006E7F, #2F004B)
• Dusty Fuchsia Corridor color palette (#F0E0E1, #DB8ACB, #836864, #5D4144, #1F1518)

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