Tempered Market color palette — #F6DFDA · #FA7D97 · #9E5C42 · #59443F · #1E1615

Rose and Ochre set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F6DFDA): A whisper-light, dusty orange — the color of autumn markets.
• Rose (#FA7D97): A luminous, balanced red — the color of a theater curtain.
• Ochre (#9E5C42): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#59443F): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#1E1615): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Ancient Study color palette (#F2E1D7, #FD8255, #986231, #70380E, #1E1613)
• Wisteria Harbor color palette (#F1DFE3, #D489E3, #8E6266, #584348, #1D1618)
• Aged Coral Basin color palette (#F1E0DD, #CC6D85, #743C11, #3B2925, #1F1616)
• Blush Coast color palette (#FCF1FF, #F9608C, #543E4C, #231B25, #060508)
• Powdered Ember Basin color palette (#FFE8DD, #FE4227, #923A00, #55241B, #110401)
• Amber Lagoon color palette (#F9ECD8, #C19300, #6A6234, #403C35, #110C07)
• Softworn Coral color palette (#FFE7DE, #FFAEA3, #F98060, #BA6A4B, #514B46)
• Gentle Market color palette (#FFF3E7, #FCA95A, #96C74E, #DB87A7, #3C3732)

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