Color Palettes

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

11 May 2025

🎨 Explore Color Palettes

Quickly browse and copy color swatches for use in your projects. This palette viewer lets you:

  • View common color values like HEX
  • Preview contrast with text on each color
  • Use them in web, UI, or graphic design work

Perfect for developers, designers, or anyone needing a handy color reference.

Brand Colors

Blue
HEX: #2B7FFF
RGB: rgb(43, 127, 255)
HSL: hsl(216, 100%, 58%)
Dark Blue
HEX: #1447E6
RGB: rgb(20, 71, 230)
HSL: hsl(225, 84%, 49%)
Sky Blue
HEX: #00A6F4
RGB: rgb(0, 166, 244)
HSL: hsl(199, 100%, 48%)
Orange
HEX: #FF6900
RGB: rgb(255, 105, 0)
HSL: hsl(25, 100%, 50%)
Light Slate
HEX: #F1F5F9
RGB: rgb(241, 245, 249)
HSL: hsl(210, 40%, 96%)