Tempered Peony Harbor color palette — #F4E3F0 · #EF0998 · #A90031 · #5A2200 · #291600

Hot Pink takes the lead with Garnet close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F4E3F0): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#EF0998): A luminous, vivid rose — the color of strawberry cream.
• Garnet (#A90031): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#291600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Soft Canyon color palette (#F1D5E3, #F8276B, #9F2A00, #502C00, #251A00)
• Crimson Bloom color palette (#FFDFEA, #FF879E, #E6003C, #971A00, #391200)
• Timeworn Dune color palette (#EAE0FC, #C633DD, #AA0076, #6E0024, #310400)
• Plum Lagoon color palette (#FFECED, #FFBA80, #7BB941, #A1308C, #3B1200)
• Pale Coral Courtyard color palette (#F2E0E4, #FF6F69, #A14E00, #5A3E00, #272300)
• Tempered Ember color palette (#FFD9D0, #EA3F1D, #008187, #8D1800, #001A1C)
• Patina Canyon color palette (#FFE5EA, #CF0060, #006D96, #00568C, #23000A)
• Ember Lantern color palette (#FEDBDE, #DA5E2C, #844900, #3C2E00, #161700)

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