Tempered Studio color palette — #DEEDEF · #A5B8C0 · #7D99B2 · #006057 · #01171C

Pine and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DEEDEF): bright and airy, almost weightless.
• Ash (#A5B8C0): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#7D99B2): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006057): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#01171C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Studio 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 Bloom color palette (#E3EFF4, #97A7B5, #7786A6, #004E5D, #000B12)
• Aged Hollow color palette (#D3E3E0, #9BBCBD, #66A2A0, #2D6100, #051815)
• Ancient Cypress color palette (#E2E7E0, #9DB7B4, #B59FB5, #008474, #0C1707)
• Denim Courtyard color palette (#DCE3ED, #BDC3D9, #A4A0C3, #325EAA, #15202E)
• Cobalt Bloom color palette (#F1F6FB, #DBD7E3, #C6B9CB, #4A84BF, #313C47)
• Faded Villa color palette (#D2F2E6, #0093AB, #3D5BA7, #5B3B00, #211700)
• Cypress Summit color palette (#FFEBE3, #008475, #005077, #4B1A00, #000E10)
• Aubergine Studio color palette (#C6EEF0, #007959, #5800A2, #382000, #0A0700)

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