Tool · May 11, 2025 · 1 min read

Color Palettes

colorsdesignpalettesuitools

Color Palettes

Explore curated color palettes with multiple format options

Format: HEX

Website Theme Colors

Black
HEX: #000000
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
White
HEX: #ffffff
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Blue 500
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
Blue 300
HEX: #93c5fd
RGB: rgb(147, 197, 253)
HSL: hsl(213, 93%, 78%)
Blue 700
HEX: #1d4ed8
RGB: rgb(29, 78, 216)
HSL: hsl(224, 76%, 48%)
Slate 100
HEX: #f1f5f9
RGB: rgb(241, 245, 249)
HSL: hsl(210, 40%, 96%)
Slate 900
HEX: #0f172a
RGB: rgb(15, 23, 42)
HSL: hsl(222, 48%, 11%)
Gray 100
HEX: #f3f4f6
RGB: rgb(243, 244, 246)
HSL: hsl(220, 14%, 96%)
Gray 900
HEX: #111827
RGB: rgb(17, 24, 39)
HSL: hsl(221, 39%, 11%)
Orange 500
HEX: #f97316
RGB: rgb(249, 115, 22)
HSL: hsl(25, 95%, 53%)

Explore and copy beautiful color palettes from basics to Bootstrap, Material Design, and even Pokémon — all in one handy tool!

✨ Features

  • Diverse Collections: Access palettes from popular design systems
  • Easy Copy: Click to copy color codes instantly
  • Multiple Formats: Support for HEX, RGB, and other color formats
  • Visual Preview: See how colors work together at a glance

� How to Use

  1. Browse Collections: Scroll through different palette categories (Bootstrap, Material Design, Pokémon, etc.)
  2. View Palettes: Each collection displays multiple curated color combinations
  3. Copy Colors: Click on any color swatch to copy its HEX code to your clipboard
  4. Visual Reference: Use the swatches to see how colors complement each other
  5. Try Combinations: Test different colors from various palettes together
  6. Quick Access: No need to search for color codes – everything is organized and ready to use

Design Tip: Use these palettes as starting points and feel free to modify colors to match your specific brand or project needs.

�💡 Perfect For

Designers, developers, and anyone working with color schemes in their projects.