pastelcoolearthy
Pistachio Cream Color Palette
Pistachio Cream is a pastel, cool and earthy color palette of 5 colors: Mint Cream (#f6fff8), White Smoke (#eaf4f4), Gainsboro (#cce3de), Ash Grey (#a4c3b2) and Cadet Blue (#6b9080). Its dominant hue is green.
The darkest color, Cadet Blue, on the lightest, Mint Cream, gives a 3.47:1 contrast ratio — enough for large headings, but not body text. No pair in it passes AA for normal text, so use it for fills and accents. Cadet Blue (#6b9080) is its most saturated color and a natural choice for buttons and links.
Colors
- Mint Cream
- White Smoke
- Gainsboro
- Ash Grey
- Cadet Blue
CSS Output
:root {
--pistachio-cream-1: #f6fff8;
--pistachio-cream-2: #eaf4f4;
--pistachio-cream-3: #cce3de;
--pistachio-cream-4: #a4c3b2;
--pistachio-cream-5: #6b9080;
}Pistachio Cream 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
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Cadet Blue on Mint Cream#6b9080 on #f6fff83.47:1AA Large
- Cadet Blue on White Smoke#6b9080 on #eaf4f43.16:1AA Large