Tempered Market color palette — #F3D6D7 · #F280D2 · #00B2D9 · #C34FA5 · #002E3A

Built around Hot Pink, softened by Bubblegum — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F3D6D7): A whisper-light, dusty red — the color of a theater curtain.
• Bubblegum (#F280D2): A luminous, vivid pink — the color of peonies in June.
• Cyan (#00B2D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Hot Pink (#C34FA5): A luminous, vivid pink — the color of peonies in June.
• Midnight (#002E3A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Weathered Crimson Lantern color palette (#F3D7CE, #FB878D, #00B3D1, #DD3F55, #002F38)
• Antique Peony color palette (#FCEAEA, #F160B9, #00A7C1, #4F7EC5, #350F26)
• Pale Plum Field color palette (#FAD4D0, #FFA1C9, #03BE8D, #C40F79, #003222)
• Wandering Plum color palette (#E8D7EC, #E66A86, #009A96, #AF2250, #00302F)
• Tempered Blush color palette (#E1E7FF, #2FBDFF, #FF6CAA, #613445, #1E0B0A)
• Ember Lantern color palette (#FDEAE2, #FFA291, #27D6C7, #D95743, #003F3A)
• Hushed Harbor color palette (#F1D6DE, #DAACFF, #01C164, #923DC8, #003316)
• Weathered Studio color palette (#FFE4E2, #E9CEAA, #D6C757, #B680C2, #3B3431)

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