Tempered Terrace color palette — #FEF1F7 · #EDDDBC · #99D3FE · #C68A63 · #30495E

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Peach Cream (#EDDDBC): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#99D3FE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Caramel (#C68A63): A luminous, balanced gold — the color of old brass.
• Charcoal (#30495E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Tempered Terrace 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

• Wandering Straw color palette (#EAFAF1, #F1E8A3, #C1C6FF, #A49C5A, #3C465E)
• Seafoam Archive color palette (#FBF1FD, #F6D3C9, #80DFD6, #C58592, #2B4C53)
• Ancient Taupe color palette (#FFF1F6, #CEE0CF, #BCBAC4, #C09DA1, #49564A)
• Worn Boulevard color palette (#EDF8F1, #C8DCCA, #93864F, #384B40, #161D19)
• Wandering Stone Canyon color palette (#FFF0F7, #E6E1C6, #C9A1B5, #8C7084, #364338)
• Muted Canyon color palette (#FFF1F5, #D4DBCD, #D7A777, #805E3B, #3C202B)
• Bronze Studio color palette (#FCF3EC, #CFA785, #6AA983, #A55E09, #2E573F)
• Celadon Market color palette (#E6FBF3, #C8E271, #CDA6F9, #829349, #402F52)

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