Tempered Studio color palette — #F8F5EC · #C9CD8C · #87AED2 · #887FAD · #5D3632

Pistachio and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Pistachio (#C9CD8C): A whisper-light, balanced green — the color of fresh herbs.
• Blue Fog (#87AED2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#887FAD): A luminous, dusty violet — the color of wild irises.
• Cocoa (#5D3632): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Mint Hollow color palette (#F2F8E8, #83D2A9, #9E97D3, #AA6957, #56291D)
• Cocoa Orchard color palette (#FFF3E4, #E0DDC9, #B6C4A8, #B89A9D, #7C3D25)
• Worn Petrol Thicket color palette (#F2F7EB, #A1DBBD, #4AAAB7, #3C6DA4, #3C3155)
• Linen Azure color palette (#F7F2DE, #B0BA62, #249EDB, #AA4B6D, #402400)
• Dusty Mint color palette (#FFF6CD, #BBE1AE, #8AC69A, #5DA895, #3B5439)
• Stone Atelier color palette (#E9FAF4, #A6BB7A, #5A9B87, #327287, #2F4A2E)
• Patina Teal color palette (#FBF3EF, #C2E1EC, #9FCDEE, #6CB1A4, #604A5E)
• Petrol Drift color palette (#E9F5EE, #A79E62, #3E77A1, #5D3E66, #331E39)

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