Tempered Study color palette — #DBE2E8 · #858E9E · #666981 · #002D47 · #000104

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#DBE2E8): a clean, paper-quiet neutral.
• Slate Blue (#858E9E): A luminous, dusty violet — the color of wild irises.
• Slate (#666981): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#002D47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Onyx Delta color palette (#E4F0EC, #A5949F, #82686F, #002E47, #010C08)
• Aubergine Loft color palette (#E5E5EE, #A49AB7, #85758A, #462064, #04030D)
• Navy Corridor color palette (#E2EEEA, #C9B3C7, #9F8A9A, #003E6C, #000201)
• Patina Denim color palette (#E3EAF3, #C6CBDB, #A4A0B7, #3C5483, #0F1620)
• Denim Bloom color palette (#CDE9FF, #615399, #51274C, #141800, #000403)
• Patina Pier color palette (#E2EBFF, #008AA5, #3C39E9, #6A0B67, #010008)
• Patina Aubergine color palette (#F1F0FB, #DACEE6, #BE9FBF, #7E3693, #1A162B)
• Pewter Quarry color palette (#F0F1F9, #DFD5DF, #C6B9C0, #796C9B, #2A2C32)

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