# Colortion

> Colortion is a free color palette resource for designers, artists, and creators. Browse 50+ hand-curated color palettes, explore 20 individual color pages with hex codes, and generate harmonious 5-color palettes instantly with the free generator tool. No account required.

## Color Palette Generator

- [Color Palette Generator](https://colortion.com/generator): Free browser-based tool. Press spacebar to generate harmonious 5-color palettes using hue rotation. Lock colors, copy hex codes, download as PNG, export CSS variables, share via URL. No signup required.

## Color Tools

- [Image Color Picker](https://colortion.com/image-picker): Upload a photo and drag markers onto it to sample exact pixel colors, entirely in the browser. Copy hex codes or download the palette.
- [Color Wheel](https://colortion.com/color-wheel): Pick any color on an interactive wheel and instantly see its complementary, analogous, triadic, and tetradic harmony colors.
- [Contrast Checker](https://colortion.com/contrast-checker): Check the WCAG 2.1 contrast ratio between any two colors, with AA/AAA pass/fail for normal text, large text, and UI components, plus a live preview.
- [RGB to Hex Converter](https://colortion.com/rgb-to-hex): Convert RGB values to a 6-digit hex code, with a worked example and a reference table of common colors.
- [Hex to RGB Converter](https://colortion.com/hex-to-rgb): Convert a hex color code to its RGB value, with a worked example and a reference table of common colors.
- [Color Mixer](https://colortion.com/color-mixer): Blend any two colors with a balance slider and configurable steps, then copy hex codes or a CSS gradient.
- [Color Psychology Tool](https://colortion.com/color-psychology): Enter any hex color and see its psychological meaning, common traits, best-fit use cases, and a matching starter palette.
- [Tailwind Color Generator](https://colortion.com/tailwind-color-generator): Turn any hex color into a full Tailwind CSS 50-950 shade scale with a copyable config snippet.
- [Color Blindness Simulator](https://colortion.com/color-blindness-simulator): Test any color palette against 9 types of color blindness, including protanopia, deuteranopia, and tritanopia.

## Color Palettes

50 hand-curated palettes organized by mood, style, and season. Each page includes 5 hex codes, RGB values, usage guidance, 60-30-10 design rule applied to the palette, and color psychology notes.

- [All Palettes](https://colortion.com/palettes)
- [Seasonal Palettes](https://colortion.com/palettes?category=seasonal)
- [Mood Palettes](https://colortion.com/palettes?category=mood)
- [Trending Palettes](https://colortion.com/palettes?category=trending)

### Featured Palettes

- [Autumn Warmth](https://colortion.com/palette/autumn-warmth)
- [Spring Bloom](https://colortion.com/palette/spring-bloom)
- [Winter Frost](https://colortion.com/palette/winter-frost)
- [Summer Sunset](https://colortion.com/palette/summer-sunset)
- [Cozy Cabin](https://colortion.com/palette/cozy-cabin)
- [Elegant Noir](https://colortion.com/palette/elegant-noir)
- [Wedding Blush](https://colortion.com/palette/wedding-blush)
- [Sage Harmony](https://colortion.com/palette/sage-harmony)
- [Dusty Rose Tones](https://colortion.com/palette/dusty-rose-tones)
- [Pastel Cloud](https://colortion.com/palette/pastel-cloud)
- [Neon City](https://colortion.com/palette/neon-city)
- [Earth Raw](https://colortion.com/palette/earth-raw)

### Popular Style Palettes

- [Dark Academia](https://colortion.com/palette/dark-academia)
- [Cottagecore Garden](https://colortion.com/palette/cottagecore-garden)
- [Minimalist Charcoal](https://colortion.com/palette/minimalist-charcoal)
- [Y2K Chrome](https://colortion.com/palette/y2k-chrome)
- [Vintage Amber](https://colortion.com/palette/vintage-amber)
- [Boho Earth](https://colortion.com/palette/boho-earth)

## Color Codes

20 individual color pages. Each page includes hex code, RGB, HSL values, curated palettes using that color, complementary color pairings, and design usage guidance.

- [All Colors](https://colortion.com/colors)

### Individual Color Pages

- [Sage Green — #87A878](https://colortion.com/colors/sage-green)
- [Dusty Rose — #C4847A](https://colortion.com/colors/dusty-rose)
- [Terracotta — #C46A3A](https://colortion.com/colors/terracotta)
- [Navy Blue — #1B2A4A](https://colortion.com/colors/navy-blue)
- [Lavender — #B89AC4](https://colortion.com/colors/lavender)
- [Coral — #FF6B6B](https://colortion.com/colors/coral)
- [Forest Green — #2D6A4F](https://colortion.com/colors/forest-green)
- [Burgundy — #800020](https://colortion.com/colors/burgundy)
- [Teal — #14B8A6](https://colortion.com/colors/teal)
- [Mustard Yellow — #D4A017](https://colortion.com/colors/mustard-yellow)
- [Blush Pink — #F9C6C6](https://colortion.com/colors/blush-pink)
- [Slate Blue — #6A9AB8](https://colortion.com/colors/slate-blue)
- [Olive Green — #6B7C3C](https://colortion.com/colors/olive-green)
- [Burnt Orange — #CC5500](https://colortion.com/colors/burnt-orange)
- [Mauve — #A87EA8](https://colortion.com/colors/mauve)
- [Cobalt Blue — #0047AB](https://colortion.com/colors/cobalt-blue)
- [Emerald Green — #50C878](https://colortion.com/colors/emerald-green)
- [Rose Gold — #B76E79](https://colortion.com/colors/rose-gold)
- [Champagne — #F7E7CE](https://colortion.com/colors/champagne)
- [Periwinkle — #CCCCFF](https://colortion.com/colors/periwinkle)

## Blog

Evergreen color design guides for designers, artists, and creators.

- [Color Design Blog](https://colortion.com/blog)
- [What Is a Color Palette?](https://colortion.com/blog/what-is-a-color-palette)
- [The 60-30-10 Color Rule Explained](https://colortion.com/blog/sixty-thirty-ten-rule-color-palette-design)
- [How to Choose a Color Palette for Your Brand](https://colortion.com/blog/how-to-choose-a-color-palette-for-your-brand)
- [Color Psychology in Design](https://colortion.com/blog/color-psychology-in-design)
- [Website Color Palettes](https://colortion.com/blog/website-color-palettes)
- [Pastel Color Palettes](https://colortion.com/blog/pastel-color-palettes)
- [Dark Color Palettes for UI Design](https://colortion.com/blog/dark-color-palettes-for-ui-design)
- [Wedding Color Palettes](https://colortion.com/blog/wedding-color-palettes)
- [Minimalist Color Palettes](https://colortion.com/blog/minimalist-color-palettes)
- [Sage Green Color Palettes](https://colortion.com/blog/sage-green-color-palettes)
- [Terracotta Palette Ideas](https://colortion.com/blog/terracotta-color-palette-ideas)
- [Navy Blue Color Palettes](https://colortion.com/blog/navy-blue-color-palettes)
- [Best Color Palettes for SaaS Websites](https://colortion.com/blog/saas-color-palettes)
- [Best Color Palettes for Agency and Portfolio Websites](https://colortion.com/blog/agency-color-palettes)
- [Color Palettes from Well-Known Websites (With Hex Codes)](https://colortion.com/blog/top-website-color-palettes)

## Site Information

- Homepage: https://colortion.com
- About: [About Colortion](https://colortion.com/about)
- Contact: [Contact](https://colortion.com/contact)
- Privacy Policy: [Privacy Policy](https://colortion.com/privacy-policy)
- Terms of Service: [Terms of Service](https://colortion.com/terms)
- Sitemap: https://colortion.com/sitemap.xml