Colors - Core concepts - Tailwind CSS
tailwindcss.com · 2,116 words · saved by 1 readers
Using and customizing the color palette in Tailwind CSS projects.
Using and customizing the color palette in Tailwind CSS projects. Tailwind CSS includes a vast, beautiful color palette out of the box, carefully crafted by expert designers and suitable for a wide range of different design styles. 50 100 200 300 400 500 600 700 800 900 950 red orange amber yellow lime green emerald teal cyan sky blue indigo violet purple fuchsia pink rose slate gray zinc neutral stone taupe mauve mist olive Click to copy the OKLCH value or shift+click to copy the nearest hex value. Every color in the default palette includes 11 steps,…
saved by
related reading
- Easing Gradientslarsenwork.com
- Theme variables - Core concepts - Tailwind CSStailwindcss.com
- oklch.fyi ▸ OKLCH Color Picker, Generator and Converteroklch.fyi
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- Visual design rules you can safely follow every timeanthonyhobday.com
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Realtime Colorsrealtimecolors.com
- Color / Design / Zendesk Gardengarden.zendesk.com
- <color> CSS type - CSS | MDNdeveloper.mozilla.org
- How to generate color palettes for design systems || Matt Ström-Awn, designer-leadermatthewstrom.com
- Working With Colors Guide | CSS-Trickscss-tricks.com
- Colorsvercel.com