Tempered Field color palette — #FFF0F8 · #E6C18B · #B77857 · #7A474C · #09281B

Caramel takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sand (#E6C18B): A whisper-light, balanced gold — the color of old brass.
• Caramel (#B77857): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#7A474C): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#09281B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Dusty Ridge color palette (#E7FBEE, #BAD387, #9A894B, #734F2F, #002826)
• Timeworn Mustard color palette (#FFF1F6, #CEB044, #A26726, #69352C, #001711)
• Worn Taupe color palette (#EBFAE9, #E7DEAD, #BC966B, #7E6075, #1D3731)
• Dusty Taupe color palette (#F9E3D2, #DCBA9B, #C6906E, #A06B55, #342F2A)
• Tempered Harbor color palette (#F5E4D8, #B09168, #915025, #752422, #33302A)
• Softworn Moss color palette (#F2E5CE, #8C8C00, #654700, #3B1400, #000200)
• Jade Courtyard color palette (#DBFDFF, #00B98F, #C06B8B, #904160, #001A1C)
• Stone Ridge color palette (#EAF9F1, #BAE8F1, #8DBAA3, #8F707A, #2F4444)

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