カラーパレット
人気順または新着順にソートされたキュレーションされた4色パレットを探索します。スウォッチをクリックすると、HEXコードが即座にコピーされます。
下にスクロールすると、さらに多くのパレットが自動的に読み込まれます。ランディングページ、ブランディング、UIテーマ、クイックデザインインスピレーションに最適です。
Frequently Asked Questions
Where do the palettes come from?
Palettes are curated collections of four complementary colors, sorted by popularity or recency. Each palette shows HEX codes you can copy directly into your design or code.
Can I copy individual colors?
Yes. Click any swatch to copy its HEX code to your clipboard. Paste into CSS, Figma, Tailwind config, or any design tool.
How do I use a palette in my project?
Pick a palette and assign roles: darkest for text, mid-tones for backgrounds, brightest for accents. Copy all four HEX values into your CSS custom properties or design system tokens.
Are new palettes added regularly?
Yes. Scroll down to load more palettes automatically. New palettes appear in the recency sort; popular palettes rise in the popularity sort.
Can I create my own palette?
This tool is for browsing existing palettes. To build custom palettes, use the Color Converter to explore individual colors and combine them manually, or use a dedicated palette creation tool.