Tempered Studio color palette — #FFF1F7 · #FCB17D · #77BAE5 · #B37F5A · #385063

A conversation between Cantaloupe and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Cantaloupe (#FCB17D): A whisper-light, balanced gold — the color of old brass.
• Sky (#77BAE5): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#B37F5A): A luminous, balanced gold — the color of old brass.
• Peacock (#385063): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Shell Quarry color palette (#FDF1FD, #FFA8B1, #76C2B0, #B6797F, #27555B)
• Ancient Field color palette (#E7FBF1, #CCC97C, #A3ABEC, #918F5C, #434D65)
• Bronze Lagoon color palette (#FFF0F8, #D8A187, #699ECD, #A15F3D, #394F65)
• Apricot Summit color palette (#FEF3EC, #FBC8B2, #9ECBFB, #E58F6B, #32506D)
• Weathered Ash Archive color palette (#FFF0F7, #B6D4B5, #B68EA2, #846B80, #3B4D41)
• Pale Delta color palette (#E0FFE0, #F8B02C, #5087EC, #9F6C00, #1B386E)
• Aged Terrace color palette (#EEF8F2, #EACD9B, #867E53, #3A5446, #252E29)
• Taupe Delta color palette (#FFF1F5, #FBD29A, #C39B65, #826241, #263D25)

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