Tempered Studio color palette — #FCF4E8 · #D8DCC8 · #BBC6A6 · #BF9000 · #36322C

Mustard and Pistachio set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Bone (#D8DCC8): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BBC6A6): A luminous, dusty green — the color of fresh herbs.
• Mustard (#BF9000): A luminous, balanced gold — the color of old brass.
• Espresso (#36322C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Drift color palette (#EFEFE7, #CDD6CC, #ADBEAF, #7AA148, #2F2F23)
• Aged Bronze color palette (#FBF4EC, #E6DEC4, #BFC1A2, #9D6D00, #37322C)
• Washed Amber color palette (#FFF2EB, #E2D9C4, #CEC39A, #E27552, #532300)
• Moss Courtyard color palette (#EDE9DA, #959900, #4C621C, #36352E, #0B0700)
• Chestnut Balcony color palette (#E9F6EB, #C3DACC, #AFAF7D, #735600, #0F1E13)
• Jade Quarry color palette (#EBEDD7, #8ED39C, #00B275, #887C30, #003916)
• Aged Cabin color palette (#F0E9C8, #A5B300, #00A276, #007488, #361E00)
• Turquoise Canyon color palette (#F3F6EF, #D4DCD7, #A5B5B6, #69A7BE, #454A3E)

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