Gradient usage for the colors/pastel-peach|pastel-peach palette — the shades that earn their place.
Recommended shades#
| Shade | Use it for |
|---|---|
| 200–400 | Soft gradient starts |
| 500 | The midpoint stop |
| 600–800 | Deep gradient ends |
Example#
<div class="bg-gradient-to-r from-pastel-peach-400 to-pastel-peach-700 h-20 rounded-xl"></div>Dark mode#
Borders go deeper in dark mode: border-pastel-peach-200 → dark:border-pastel-peach-800.
Related#
colors/pastel-peach|Pastel-peach hub · colors/index|Color system