Tailwind Stone
Stone is a warm gray with a faint beige/brown undertone. It feels organic and editorial, and pairs beautifully with warm accents like Amber, Orange and Rose.
Click any value to copy it. All 11 Stone shades (50–950) in hex, OKLCH, RGB, HSL and Tailwind class.
| Swatch | Shade | Class | Hex | OKLCH | RGB | HSL |
|---|---|---|---|---|---|---|
| 50 | ||||||
| 100 | ||||||
| 200 | ||||||
| 300 | ||||||
| 400 | ||||||
| 500 | ||||||
| 600 | ||||||
| 700 | ||||||
| 800 | ||||||
| 900 | ||||||
| 950 |
Where to use Tailwind Stone
- Warm page backgrounds:
bg-stone-50/bg-stone-950. - Body copy:
text-stone-800. - Cards and rules:
border-stone-200.
Related Tailwind colors
Build a full theme from Stone with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied
