Tempered Field color palette — #F9F3F9 · #E5D7D7 · #B0AEA3 · #91798F · #555155

Built around Driftwood, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E5D7D7): a clean, paper-quiet neutral.
• Ash (#B0AEA3): a calm mid-gray that lets other colors speak.
• Driftwood (#91798F): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#555155): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Ash Workshop color palette (#F1F6FC, #DCD9DF, #B9AEB0, #849DC3, #4E535A)
• Olive Delta color palette (#FFEFFF, #DEC0CD, #AF8F8E, #6C7630, #43544A)
• Weathered Petrol color palette (#FBF2F7, #EED4D0, #D8B0B2, #61639F, #483C43)
• Timeworn Studio color palette (#EADEE1, #D0B0AF, #A8857B, #5A2F6B, #2A1A1E)
• Timeworn Coast color palette (#F7F6E4, #82AAE0, #876B94, #625B08, #52424C)
• Hushed Veranda color palette (#FBF4E8, #C8C29C, #668C69, #726068, #584E00)
• Navy Ridge color palette (#E9DFE6, #AA929C, #8C646A, #171D6B, #11050E)
• Mulberry Thicket color palette (#FFF1F1, #E7CCC3, #BF9F8A, #8F3367, #3F2E2D)

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