Pantone

2024

#FFBE98

Peach Fuzz

A velvety, compassionate peach that delivers warmth and a softly luminous glow.

Generate palettes Visualize in mockups Back to 2024 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#FFBE98

RGB

rgb(255, 190, 152)

CMYK

0, 25, 40, 0

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#FF7829

#FF9E66

#FFBE98

#FFDFCC

#FFE5D6

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#FF7A87

#FFA799

#FFBE98

#FFD699

#FFF3B8

Complementary Contrast

Opposites that add clarity and focus.

#FFBE98

#7ACEFF

#C2E8FF

#F6945A

#FBE6DA

Triadic Balance

Three evenly spaced hues for versatile layouts.

#FFBE98

#99FFBF

#BF99FF

#F9A676

#FDE6D8

Split Complementary

Balanced contrast with two supporting accents.

#FFBE98

#99FFF2

#99A6FF

#F98D4D

#FEE6D7

Export tokens

Copy CSS variables or plug into Tailwind.

#FFBE98

CSS Variables

:root {
  --year-base: #FFBE98;
  --year-base-contrast: #111827;
  --year-accent-1: #FF9E66;
  --year-accent-2: #FFBE98;
  --year-accent-3: #FFDFCC;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

Scenario previews

See the color in UI, posters, and ecommerce layouts.

UI Dashboard

Poster / Social

Launch Campaign

Design with #FFBE98

Ecommerce Hero

New Drop · #FFBE98-20%

Primary CTA

Secondary

Usage guidance

Summary

A velvety, compassionate peach that delivers warmth and a softly luminous glow.

Notes

Use as a welcoming base for lifestyle and wellness brands. Pair with warm neutrals or deep browns for contrast and keep typography in charcoal for readability.

Tips