Palette #F08787 #FFC7A7 #FEE2AD #F8FAB4

Curated four-color harmony tagged under gold, sunset, pink, peach, beige, cream. Free for personal and commercial digital design projects.

#F08787 (41%)

#FFC7A7 (26%)

#FEE2AD (18%)

#F8FAB4 (15%)

Palette Specifications & Color Values

HEX	RGB	Luminance	Recommended Role
#F08787	rgb(240, 135, 135)	0.376	41% Base Canvas / Background
#FFC7A7	rgb(255, 199, 167)	0.649	26% Surface / Card Container
#FEE2AD	rgb(254, 226, 173)	0.785	18% Muted Element / Borders
#F8FAB4	rgb(248, 250, 180)	0.916	15% Focal Accent / Call to Action

Color Theory & Mood Analysis

This color collection radiates an inviting, energetic warmth, making it ideal for digital product interfaces, modern SaaS web applications, mobile user interfaces, brand style guides, and graphic illustrations. Following classical four-tier visual weight balance, the dominant primary tone establishes an expansive ground surface, the secondary hue defines cards and panels, the structural third color bounds elements cleanly, and the high-contrast accent directs user attention to interactive elements.

WCAG 2.1 Accessibility & Contrast Validation

Ensuring accessible contrast is vital for inclusive design. The linearized contrast ratio between Base Canvas (#F08787) and Focal Accent (#F8FAB4) is 2.3:1, scoring Low Contrast (< 3:1) under W3C WCAG 2.1 specifications. Additionally, the contrast between Surface (#FFC7A7) and Accent (#F8FAB4) measures 1.4:1 (Low Contrast (< 3:1)). These metrics provide designers with mathematical certainty for legible typography and interactive accessibility.

Developer Tokens & Integration

Integrate this palette directly into your frontend build pipeline:

:root {
  --color-canvas: #F08787;
  --color-surface: #FFC7A7;
  --color-border: #FEE2AD;
  --color-accent: #F8FAB4;
}