Tempered Terrace color palette — #FFF1F1 · #FFCCC3 · #C4AF90 · #749588 · #345247

A conversation between Shell Pink and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFCCC3): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#C4AF90): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#749588): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#345247): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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 Sand color palette (#FFEDE6, #F0D5B9, #BBB69C, #9C8598, #5C4C59)
• Stone Chapel color palette (#FFF0FB, #DEB3CB, #C195A4, #587E75, #2B5552)
• Timeworn Apricot Pier color palette (#FFDADC, #FFB5A5, #EC9665, #A77741, #47433C)
• Mustard Atelier color palette (#F7E6DD, #C2B76E, #99A179, #926A7A, #43315A)
• Timeworn Basalt Dune color palette (#F9F5E8, #C1E0B1, #84BA9E, #A8858E, #464500)
• Hazy Apricot Meadow color palette (#FBD7DA, #F99E52, #AEA34B, #5680B2, #203F63)
• Taupe Veranda color palette (#EFE2CE, #9CAC66, #559984, #755D83, #42202B)
• Dusty Powder color palette (#FDF3EC, #BBF1F2, #99C1F0, #63A5A5, #583E51)

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