Tempered Field color palette — #F7F3FF · #E1B3D3 · #9F6B8C · #6E4261 · #3F3250

A conversation between Mocha and Charcoal Brown, giving this palette its sense of creativity and warmth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Carnation (#E1B3D3): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9F6B8C): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#6E4261): A full-bodied, dusty pink — the color of a candy shop window.
• Navy (#3F3250): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Ancient Mulberry Terrace color palette (#F5EEFF, #E4B9D3, #A26F95, #6F305F, #2F0F25)
• Dusty Driftwood Pier color palette (#FFF0FC, #EFB8B1, #AE7268, #753E37, #492C44)
• Dusty Denim Orchard color palette (#F2F5FF, #CDC5F7, #857FB1, #504778, #2F3554)
• Timeworn Quarry color palette (#FFF1F2, #FFD3F1, #E39BCA, #A87398, #4E2A2D)
• Patina Driftwood Study color palette (#F7F3FF, #E4D5DE, #B8B3A9, #8982A6, #584F62)
• Hushed Boulevard color palette (#FBF1FC, #C5767F, #8E7E45, #605787, #453846)
• Feathered Studio color palette (#FFF0F8, #DCA283, #A6633D, #702E06, #4D2004)
• Inked Mulberry color palette (#FBE3EC, #9F3871, #560037, #1F0F06, #150009)

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