Tempered Study color palette — #F1F7F1 · #D0DFDF · #CFBEC1 · #3D8180 · #414B41

Teal takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D0DFDF): a clean, paper-quiet neutral.
• Stone (#CFBEC1): a calm mid-gray that lets other colors speak.
• Teal (#3D8180): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#414B41): A full-bodied, dusty green — the color of fresh herbs.

Feels like: 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

• Petrol Delta color palette (#EBF9F5, #F0D9DA, #D0B4B8, #2F6EA8, #314540)
• Dusty Basalt Terrace color palette (#FDF4E6, #A6B882, #508063, #466151, #4B4300)
• Petrol Meadow color palette (#D7EAE1, #007CA2, #3F2B39, #14231C, #070E0C)
• Washed Turquoise color palette (#EFF7F9, #D7DAE0, #BBB1C0, #37C1C7, #3F4A4D)
• Wandering Abyss Corridor color palette (#DEE6DF, #94B0A7, #917687, #004045, #07180B)
• Softworn Chestnut Basin color palette (#E8FBDF, #91C0DD, #9D7F8A, #7C5810, #4C4B00)
• Denim Thicket color palette (#F5EBF4, #D9C6CE, #B5989A, #345487, #342A34)
• Teal Study color palette (#FFF2EA, #00AEA9, #54679C, #6E4028, #2A4436)

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