Tempered Study color palette — #FAF4EE · #BFE6DB · #7789B8 · #036F7D · #5D3C4E

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#BFE6DB): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#7789B8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#036F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5D3C4E): A full-bodied, dusty rose — the color of a warm blush.

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

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

• Antique Cypress Archive color palette (#FEF3ED, #C9E5CE, #5693AD, #1D725A, #2A5047)
• Weathered Cobalt color palette (#FFF3E7, #A4D5FA, #577DCA, #00656E, #3C376C)
• Wandering Cabin color palette (#F4F6EF, #BDE6EC, #85A7D3, #0085B5, #34476C)
• Airy Olive Coast color palette (#F6F7DF, #84AD6E, #947CB9, #407618, #493962)
• Wandering Lagoon color palette (#F7E4DB, #479FA2, #005265, #00321F, #001626)
• Faded Aqua color palette (#FFF2EC, #52CBDC, #00789F, #005845, #003361)
• Emerald Meadow color palette (#F6F8D9, #699754, #8D6AA7, #8B4C68, #383931)
• Washed Cocoa Lantern color palette (#FFF3E8, #BBA382, #91684A, #7B3F1F, #403D36)

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