Color Chart
Browse Tailwind CSS, Material Design, flat design, and web-safe color charts with hex codes for web and UI work.
Flat Design Color Chart
Flat design or flat UI colors are quite popular in web design today where bold, bright colors are used to create clean, simple interfaces.
200 colors
Material Design Color Chart
Material design is a visual language and design system developed by Google with an almost flat style and vibrant color schemes.
192 colors
Tailwind Color Chart
Explore, export and download colors from the ever-popular Tailwind CSS framework, used to quickly build clean, modern websites and apps.
242 colors
Web Safe Color Chart
Web safe colors emerged during the early era of the internet; a standardized palette of 216 colors that displayed consistently across all major browsers.
216 colors
Choosing a preset palette
Preset charts save time when you need a coherent scale without building one from scratch. Match the chart to your stack: Tailwind for utility-first CSS, Material for Android-adjacent products, flat palettes for bold marketing sites, web-safe only when you truly need 8-bit constraints.
Click any swatch to copy hex values, or open a chart detail page for the full scale and optional Tailwind config export.
Beyond preset colors
Charts cover popular systems—not every brand palette. Use the color picker to inspect custom hex values, the mixer to blend endpoints, and the contrast checker before committing text colors from any chart row.