Tempered Market color palette — #FBD9EB · #F63E5F · #C75B00 · #695500 · #0C0300

Scarlet and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FBD9EB): A whisper-light, dusty pink — the color of peonies in June.
• Scarlet (#F63E5F): A luminous, vivid red — the color of late-summer berries.
• Terracotta (#C75B00): A full-bodied, balanced orange — the color of toasted spice.
• Coffee (#695500): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0C0300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged candy, vibrant, light, 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

• Wandering Scarlet Grove color palette (#F7EAF4, #E741A2, #E7122E, #774C00, #0B0200)
• Softworn Ember Quarry color palette (#D5E8D5, #E66430, #A66D00, #556200, #030200)
• Peony Orchard color palette (#F8E1D5, #EE66C2, #E95F00, #738600, #070200)
• Timeworn Bronze color palette (#FFEBDF, #9E6000, #654700, #2D2300, #090800)
• Misty Lagoon color palette (#FFE9F5, #C44FB9, #9D3700, #374800, #080300)
• Washed Pier color palette (#FBEBE6, #9C6E3B, #565127, #00313E, #00102B)
• Powdered Marigold color palette (#D5F7EA, #D99A00, #8C8900, #007848, #040A00)
• Chalky Courtyard color palette (#DFF7E5, #FF984F, #BF9600, #5D8900, #1D1A00)

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