Feta
#dbe0d0
Creamy pale gray-green for warm, muted surfaces
About Feta
Feta is lighter and cooler than everything around it in this cluster, it's got almost no warmth hiding underneath, which means it reads as genuinely neutral instead of beige-leaning. Unlike Apollo Landing, it's not trying to disappear into near-white; there's enough body here that it actually feels like a surface. Unlike Alaska and Fish Ceviche, there's no yellow pulling at the undertone. It's just a pale, composed gray that doesn't bring its own temperature to the room.
Reach for this in SaaS dashboards, content management systems, and light-mode interfaces where you need a background that won't muddy your hierarchy. It sits underneath dark text without making it feel harsh, and it won't cool down warm photography the way Apollo Landing does. Works especially well when your color palette is already decided and you need a neutral that stays out of the way, it won't argue with vibrant accents or muted tones the same way a warmer gray would.
The thing: pair it with genuinely cool grays and you've got a sophisticated, minimal system. Pair it with warm creams or sepia imagery and you'll feel the distance between them. That's not a weakness if you're designing something that needs to feel precise and a little removed.
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.