Tempered Coast color palette — #F8F2FF · #FCCAFF · #DF84B2 · #A8596F · #633331

Bubblegum takes the lead with Brick close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Thistle (#FCCAFF): A whisper-light, balanced pink — the color of peonies in June.
• Bubblegum (#DF84B2): A luminous, balanced rose — the color of pressed rose petals.
• Brick (#A8596F): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#633331): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Coral Market color palette (#FFF0FA, #FFC9DA, #E18684, #A65941, #5E3718)
• Peony Workshop color palette (#FFE0F8, #F2B1DC, #E88CBF, #C96392, #613340)
• Tempered Lilac Archive color palette (#F2F5FF, #DDD3FF, #B587CF, #8B5381, #582C41)
• Timeworn Veranda color palette (#FCF1FF, #EBD6D1, #D2828E, #893C4A, #3E101B)
• Driftwood Field color palette (#FBF1FF, #FFC0D0, #80CFA0, #BE6D85, #15422B)
• Aged Crimson color palette (#FFDEFD, #FF87BF, #E20055, #A7001C, #451800)
• Hazy Bronze color palette (#FFD9D8, #FF9270, #B45B00, #6D4700, #2C2000)
• Taupe Canyon color palette (#FFF1F6, #C7E7CB, #BD9574, #805E77, #1D382B)

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