Tempered Market color palette — #FFF1F0 · #FFCBCF · #FB9F89 · #C28561 · #544E48

Built around Melon, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Shell Pink (#FFCBCF): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FB9F89): A luminous, balanced orange — the color of autumn markets.
• Caramel (#C28561): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#544E48): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

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

• Aged Alley color palette (#FFF0FE, #F9AEA7, #E07C64, #9D624C, #604353)
• Apricot Delta color palette (#FFF3E8, #FFD7B8, #F6A479, #B07652, #3C3631)
• Driftwood Ridge color palette (#FBECFF, #DD9D9D, #BC7563, #7C452E, #482B38)
• Mallow Summit color palette (#FFF1F5, #FBC4F7, #EE9BD0, #BF7888, #534A48)
• Tangerine Ridge color palette (#FFE3E2, #FFA78E, #F57F16, #AB7000, #4D3D00)
• Worn Fern Studio color palette (#F8F5EB, #DDDCBB, #BAB984, #A58E6D, #434E00)
• Cocoa Hollow color palette (#FFF2EC, #C9FCCD, #DFDDCC, #DAA7B2, #714002)
• Feathered Basin color palette (#FFF0E5, #E8BE6C, #C7AC00, #84943F, #4C4D45)

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