Peach is a pale orange with pink in it — the colour of the fruit skin. At 24° hue and 74% lightness it is essentially coral lightened, and it behaves like a warm neutral rather than an accent. Grab the HEX codes from a scheme below, or build a custom peach palette around any base colour with the generator.
Soft Peach is the widest, from a near-white #FFF3EC down to #F08A5D. Warm Peach is deeper and slightly redder (15°–24°), ending on #D96C43. Peach & Cream adds the cream ground, #FEF6EC, that makes it usable as a complete scheme.
#FFF3EC#FFE0CC#FFCBA4#FFB07C#F08A5D#FFD8BE#FFBC9B#FF9E7A#F4845F#D96C43#FEF6EC#FBE5D6#F7CBA0#FFB07C#E89B6FAnchored to a peach base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Peach is warm and light, so it wants either a cool counterweight or a dark anchor — sage green and mint green are the standard pairings, while a deep brown or charcoal handles the text. Weddings, baby and skincare brands, and spring campaigns use it. For the saturated version of the same hue see coral.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #FFB07C, so the first block you copy is a set of peach variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.More palettes: Terracotta palette · Blush palette · Coral palette · all colours