Crystal Palace
#d3cfab
Pale, cool green-cream for brighter, cleaner panels
About Crystal Palace
On my screen, Crystal Palace looks like a pale, warm green paper you'd run through an office printer and still trust. It's lighter than Court-Bouillon, but it doesn't go chalky or straw-like. Compared to Bitter Melon, it stays unmistakably green, with a clearer leaf undertone and a less dusty, disappearing behavior.
It works great for editorial layouts, publishing platforms, and SaaS dashboards when you want soft structure without the beige fallback that Banana Frappé tends to lean into. This shade reads calmer than Banana Frappé's warmer push, yet it's less olive-quiet than Bitter Melon. I usually use it as a section background, card surface, or subtle header wash where type needs breathing room but still feels grounded.
One quirk: because it's a touch more yellow-leaning than the cooler greens you might expect, it can flatten next to very cool grays. If your typography is crisp, pair it with charcoal or deep forest accents to keep edges confident.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.