Cottagecore Color Palette
Cream, faded rose, warm wheat, faded blue, olive and garden green, the soft countryside colors of the cottagecore aesthetic.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#F7EBD3
#E7B7A5
#C99A6B
#9FB3BF
#8A9A5B
#596854
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F7EBD3 | T - | T - | |
| #E7B7A5 | T - | T - | |
| #C99A6B | T - | T - | |
| #9FB3BF | T - | T - | |
| #8A9A5B | T - | T - | |
| #596854 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Cottagecore CSS Code
oklch(94.33% 0.0342 84.59) oklch(81.78% 0.0613 41.54) oklch(71.96% 0.0842 65.82) oklch(75.52% 0.0281 234.11) oklch(65.83% 0.0883 120.51) oklch(49.86% 0.0361 137.9)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Cottagecore palette?
Cream, faded rose, warm wheat, faded blue, olive and garden green, the soft countryside colors of the cottagecore aesthetic.
How do I turn the Cottagecore palette into a CSS gradient?
Use background: linear-gradient(to right, #F7EBD3, #E7B7A5, #C99A6B, #9FB3BF, #8A9A5B, #596854);, or click "Make it a gradient" above to open it in the live generator.