Tempered Study color palette — #F3F5FB · #DED8DE · #B9B4AA · #ABA6E0 · #4A4D57

A conversation between Mauve and Charcoal Brown, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F3F5FB): a clean, paper-quiet neutral.
• Silver (#DED8DE): a clean, paper-quiet neutral.
• Stone (#B9B4AA): soft and architectural.
• Mauve (#ABA6E0): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4A4D57): quiet, heavy and certain.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Study 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

• Ancient Shell Hollow color palette (#F4F4FF, #D8DDE9, #FFC7BA, #C2B5B8, #40374D)
• Tempered Driftwood Archive color palette (#F0F1F9, #DBD4DD, #B5A9AC, #7A80A3, #34363C)
• Tempered Lagoon color palette (#F5F3FF, #C49FCD, #5D4F60, #2B2839, #0D0F16)
• Cypress Lagoon color palette (#E5FAFA, #C3E0FF, #BB92BC, #1D8473, #363F53)
• Weathered Crimson Harbor color palette (#FBF2FB, #E7D7D6, #B6B9D5, #E90049, #2F1D2F)
• Timeworn Villa color palette (#EBEDF8, #BDB8C7, #9D8B9D, #4B1882, #010007)
• Washed Pine color palette (#F2F4FF, #D0C1FA, #95A167, #4D7846, #18422B)
• Worn Hollow color palette (#F5F4FD, #E6D7DE, #D3BABD, #985AA4, #1F1C29)

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