Tempered Study color palette — #B3F8F3 · #5DC0E0 · #6380AF · #7C5348 · #6D3901

A conversation between Cyan and Bronze, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B3F8F3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5DC0E0): A luminous, balanced blue — the color of open sky before noon.
• Storm Blue (#6380AF): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#7C5348): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6D3901): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Cocoa Workshop color palette (#CDF0DA, #81A6C7, #69709F, #7A3E1D, #3C3C35)
• Ancient Teal color palette (#BDF2D1, #5DC3BB, #398AA4, #7B496A, #613F35)
• Chalky Periwinkle color palette (#DEF0FF, #85A1EC, #8C75A5, #83531A, #454F00)
• Misty Azure Study color palette (#D9FFF2, #29ADF7, #A95700, #006292, #5B2C00)
• Chestnut Grove color palette (#DAFFF0, #C6A8C1, #997C88, #905A2A, #525604)
• Worn Garnet color palette (#DDEEFF, #B6CAED, #A9A5D5, #AD6E8D, #773441)
• Tempered Denim color palette (#D3E9F4, #5588BF, #55488A, #413A36, #392700)
• Cobalt Market color palette (#FEF4E3, #96D7FF, #4283C4, #006472, #2B3D6B)

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