Tempered Studio color palette — #DCFFF0 · #D2E6FF · #A2AEF1 · #7D6DAF · #684652

Slate and Lavender set the tone — five colors that lean into creativity and calm.

The five colors

• Honeydew (#DCFFF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Frost (#D2E6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#A2AEF1): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#7D6DAF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#684652): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Creativity, Calm, Sophistication. Tagged light, muted, cool.

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

• Dusty Garden color palette (#ECF7FF, #8FBFFE, #7486C6, #6A5F89, #5A4960)
• Antique Station color palette (#FFF0F8, #EAD4E4, #D9A5E2, #A46192, #674440)
• Tempered Pewter color palette (#FFF1F7, #DFD2D7, #B8ABE8, #725D9D, #2C2143)
• Aged Iris Summit color palette (#FFF0F8, #E7D5EE, #E0CA8C, #938EE1, #49463F)
• Aged Workshop color palette (#F3F4FF, #CDB0FC, #AE63C4, #97328B, #501632)
• Antique Powder color palette (#FEF1F8, #E5D7D4, #86B8E1, #A8B3AC, #5C494F)
• Byzantium Delta color palette (#E2E9FF, #AFA7FF, #974EDA, #7F0093, #40002D)
• Frosted Garden color palette (#F0F5FF, #C6D1FF, #A07AFF, #9812BE, #511546)

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