Tempered Terrace color palette — #FFF1F7 · #FFD0F8 · #E5D7D4 · #A7A5E5 · #61444E
A conversation between Mauve and Thistle, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Thistle (#FFD0F8): A whisper-light, dusty pink — the color of a candy shop window.
- Bone (#E5D7D4): bright and airy, almost weightless.
- Mauve (#A7A5E5): A luminous, balanced violet — the color of wild irises.
- Cocoa (#61444E): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, 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
- Worn Mallow Courtyard color palette (#FFF1F1, #E3D7CE, #DEA1D1, #A4B3A3, #684643)
- Wandering Azure Courtyard color palette (#FFF0F8, #E5D7D3, #FEB9C4, #6C99CA, #634853)
- Timeworn Station color palette (#FDF1FC, #98BAF5, #7CC086, #20A692, #3E2C3D)
- Aged Mallow Studio color palette (#EFF1FF, #DDD2E1, #E5B5E2, #7D7DAA, #313042)
- Ash Bloom color palette (#FEF2F2, #FEC7B4, #B680AA, #805076, #2F1B1D)
- Wisteria Delta color palette (#FFEDF0, #FFCDD5, #FDAEA9, #C474FF, #592354)
- Muted Blush color palette (#FFF2EE, #E8D8C3, #E7C48D, #DA829D, #543226)
- Weathered Lantern color palette (#F3EEDE, #FFBDAD, #FFA3EA, #77546F, #322728)
Browse the whole catalog at Explore, or see today's palette.