Tempered Terrace color palette — #FFF1F3 · #FFD5F4 · #DB9BC1 · #A36883 · #623E3A

Built around Mauve, softened by Mocha — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#FFD5F4): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#DB9BC1): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#A36883): A full-bodied, balanced rose — the color of strawberry cream.
• Cocoa (#623E3A): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Hushed Lantern color palette (#FFF2EF, #F9D2C4, #DD9497, #A16865, #783C1C)
• Dusty Atelier color palette (#FFF0F9, #E8D4EC, #BBACE9, #8E7AAE, #664651)
• Antique Peony color palette (#EFF1FF, #D1A3D4, #B56098, #884757, #412C40)
• Dusty Crimson Chapel color palette (#F1DDE1, #FF8EA2, #CB3D52, #850014, #3B0400)
• Coral Ridge color palette (#FFF1F2, #FF9B98, #DE6D5E, #993D29, #481700)
• Hushed Marigold Courtyard color palette (#FFF2EF, #FBB5C8, #E4AF79, #A597D2, #49322E)
• Ancient Apricot Ridge color palette (#FFF2EE, #FFD4C4, #E08E5D, #925626, #503214)
• Ancient Studio color palette (#FFF2EF, #E1D8CF, #A8B6B1, #AF9F7C, #5F4A44)

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