Tempered Studio color palette — #FAF3F5 · #D9DDF3 · #A8BCF0 · #3FA8B9 · #3E4566

Cyan and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Frost (#D9DDF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A8BCF0): A luminous, dusty violet — the color of twilight just after sunset.
• Cyan (#3FA8B9): A luminous, balanced blue — the color of deep harbor water.
• Navy (#3E4566): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Patina Cobalt Market color palette (#F4F6F0, #C1E4E9, #7FA7DC, #1485B4, #36476A)
• Washed Lagoon color palette (#FAF2F8, #BEE8F8, #65BFE2, #00A47D, #113D61)
• Misty Summit color palette (#F1E1E9, #75A8C3, #2975C7, #005D5E, #05002C)
• Moss Bloom color palette (#EFF6FF, #9BBEFF, #E0A869, #96A94E, #2A394E)
• Softworn Cornflower color palette (#EFF6FF, #C9DDFF, #8EADF9, #5F78CF, #122A57)
• Frosted Periwinkle Canyon color palette (#EEF6FF, #A7D0FF, #EFAF69, #4BA1FF, #5B3A12)
• Azure Study color palette (#E8DBE4, #9EC7DB, #009DDE, #007F6E, #001C4A)
• Iris Basin color palette (#F7F1EA, #BCE7DA, #758BC5, #1E6974, #3C2331)

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