Tempered Studio color palette — #FCF2F8 · #CAD1FF · #D5C884 · #98A1EC · #564E24

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Lilac Frost (#CAD1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pistachio (#D5C884): A whisper-light, balanced green — the color of new leaves after rain.
• Cornflower (#98A1EC): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#564E24): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Periwinkle Orchard color palette (#E8FAF4, #B1DAFF, #EFBC85, #58AFF7, #524C46)
• Washed Wisteria Parlor color palette (#FFF1F3, #EEC5EF, #9FD7AB, #D28AD4, #4C4E47)
• Softworn Powder Quarry color palette (#FFF0F9, #E6D7D5, #A3BDE6, #C2B5A2, #5C4850)
• Iris Quarry color palette (#FEF1F7, #E1B5CC, #CBAD6E, #8B7FCD, #514C46)
• Apricot Pier color palette (#FFF0F9, #C1C0FB, #F5A986, #76C1A1, #523A48)
• Worn Veranda color palette (#FFF1F6, #CFB6FF, #ADD422, #A267F3, #334100)
• Antique Terrace color palette (#ECF2FF, #A4ADF4, #AA9D5C, #676D9D, #1F372A)
• Cocoa Pier color palette (#FEF3E9, #E8D7BE, #CFAF8F, #B7856C, #5B4400)

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