warmpastel
Papaya Punch Color Palette
Papaya Punch is a warm and pastel color palette of 5 colors: Linen (#fff1e6), Peach Puff (#ffd7ba), Apricot (#fec89a), Dark Orange (#f8961e) and Pumpkin (#f3722c). Its dominant hue is orange.
The darkest color, Pumpkin, on the lightest, Linen, gives a 2.61:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Pumpkin (#f3722c) is its most saturated color and a natural choice for buttons and links.
Colors
- Linen
- Peach Puff
- Apricot
- Dark Orange
- Pumpkin
CSS Output
:root {
--papaya-punch-1: #fff1e6;
--papaya-punch-2: #ffd7ba;
--papaya-punch-3: #fec89a;
--papaya-punch-4: #f8961e;
--papaya-punch-5: #f3722c;
}Papaya Punch on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.