Color Design & Hex Code Library

Discover the top 10 color trends shaping web and UI design in 2026—with copy-ready hex codes per trend.

Practical color palette ideas for small business: how many colors to use, industry examples, and where to apply them on your website and branding.

Copy the official forest green hex code, RGB & HTML color values, plus 10 dark pine, hunter & emerald shades, UI palettes, and 1-click Canva swatches.

Mauve color hex code #E0B0FF · RGB(224,176,255). Copy mauve colour code, shades, pairings and why mauve sits between pink and purple.

Olive green hex code is #808000. Copy instantly. RGB(128,128,0), 10 olive shades, palette pairings with terracotta and navy. One click copy.

Dusty rose hex code is #DCAE96. Copy instantly. RGB(220,174,150), 10 dusty rose shades, palette pairings with sage, navy and cream. One click copy.

Charcoal hex code is #36454F. Copy instantly. RGB(54,69,79), 10 charcoal shades, dark color palette pairings. Perfect for dark UI and professional design.

Burgundy color palette hex codes starting with #800020. Shades, pairings with gold, navy and cream, and UI examples for luxury and fashion brands.

Yellow green hex code is #9ACD32. Copy hex codes for yellow-green shades, see palette pairings and find out what colors go with yellow-green.

Build a dark mode color palette with hex codes for backgrounds, surfaces, text and accents. WCAG-compliant dark mode examples included.

Burgundy hex code #800020 (RGB 128,0,32) plus 10 wine-to-oxblood shades, gold & cream pairings, luxury palette schemes.

Ocean Breeze color and colour codes with RGB values: #0EA5E9, #06B6D4, #14B8A6, #10B981, and #34D399. Copy-ready swatches, CSS variables, and contrast tips.

Navy blue hex code #000080 (RGB 0,0,128) plus 10 navy shades, gold & white pairings, Canva steps & complete palette schemes.

Navy blue color palette hex codes and combinations. Pair navy (#000080) with gold, coral, mint, and gray—six four-color palettes plus UI and branding guidance.

Sage green hex code #B2AC88 (RGB 178,172,136) plus 10 sage shades, dark & light sage codes, palette pairings & step-by-step Canva instructions.

Terracotta hex code #E2725B (RGB 226,114,91) plus 10 terracotta shades, sage pairings, palette schemes & Canva steps.

The 60-30-10 rule makes color easy: 60% dominant, 30% secondary, 10% accent. Learn how to apply it to websites and brands with real hex code examples.

Purple dream hex ramp (#7C3AED–#EDE9FE), eight lavender shades, pairings for luxury and creative brands, plus tool links.

Learn how to check color contrast for accessibility. WCAG AA and AAA ratios, contrast checker tools, and practical tips for readable, compliant text and UI.

Neutral colors for branding: grays, off-whites, and warm vs cool neutrals that pair with blue, green, and any brand color. Plus contrast-safe text and background combos.

Learn ecommerce color palette strategies: product-first vs brand-first store colors, with hex examples and WCAG-safe testing using our palette generator and contrast checker.

Instantly check if your colors meet WCAG AA, AAA and ADA accessibility standards. Free tool — no signup. Used by designers and developers worldwide.

Define canvas, surface, text, and accent roles for dark UI. Three WCAG-oriented palette examples with hex codes, plus how to test with a contrast checker and palette generator.

Pick link and button colors that pass WCAG AA: filled CTAs, outline buttons, dark bands, focus rings—with hex swatches next to each tip and our contrast checker to verify.

Red and yellow make orange when mixed. See exact hex codes for every red-yellow mix ratio, explore orange shades, and try our free color mixer tool.

Blue and yellow make green when mixed. See exact hex codes for every blue-yellow ratio, explore green shades, and try our free color mixer.

Red and white make pink when mixed. See exact hex codes for every red-white ratio, explore pink shades, and try our free color mixer tool.

See the exact shades pink and purple make across 7 mixing ratios (90/10 to 10/90)—compare visual swatches for paint & digital UI and copy hex codes.

Sunset color palette hex codes: orange #F97316, pink #EC4899, purple #8B5CF6, red #EF4444. Copy RGB values and see UI examples for warm creative brands.

Terracotta color palette hex codes starting with #E2725B. See shades, combinations with sage, navy and cream, and branding examples for earthy warm design.

#C4B5FD is soft lavender purple (Tailwind purple-300). RGB(196,181,253). Copy hex, RGB, similar shades & palette pairings.

Lavender hex code is #E6E6FA. Copy instantly. Get RGB values, 10 lavender shades from pale to deep purple, and palette pairings for soft elegant design.

What color is between pink and purple? Mauve #E0B0FF, magenta #FF00FF, fuchsia #FF77FF. Copy every pink-purple hex name instantly.

Discord dark mode hex codes: background #313338, dark #2B2D31, darker #1E1F22, darkest #111214. Copy all Discord dark theme colors instantly.

Spotify dark mode hex codes: background #121212, cards #181818, elevated #282828, green #1DB954, text #FFFFFF. Copy every Spotify UI color instantly.

Notion dark mode hex codes: background #191919, sidebar #202020, hover #2F2F2F, text #E6E6E6, blue #2383E2. Copy every Notion dark theme color.

Instagram dark mode hex codes: background #000000, surface #121212, blue #0095F6, plus the story-ring gradient. Copy every Instagram color instantly.

Slack dark mode hex codes: background #1A1D21, sidebar #22252A, hover #2C2D30, blue #1D9BD1. Copy every Slack dark theme color instantly.

WhatsApp dark mode hex codes: background #111B21, panel #202C33, green #25D366, text #E9EDEF. Copy every WhatsApp UI color instantly.

YouTube dark mode hex codes: background #0F0F0F, elevated #212121, text #FFFFFF, red #FF0000. Copy every YouTube dark theme color.

VS Code dark mode hex codes: editor #1E1E1E, sidebar #252526, activity bar #333333, blue #007ACC. Copy every Dark+ color.

GitHub dark mode hex codes: background #0D1117, canvas #161B22, border #30363D, accent #2F81F7. Copy every GitHub dark theme color.

Figma dark mode hex codes: toolbar #2C2C2C, panels #1E1E1E, blue #0D99FF, component purple #9747FF. Copy every Figma UI color.

Chrome dark mode hex codes: background #202124, toolbar #292A2D, text #E8EAED, blue #8AB4F8. Copy every Chrome dark theme color.

Telegram dark mode hex codes: background #0E1621, bubbles #182533, accent #2AABEE. Copy every Telegram dark theme color.

iOS dark mode hex codes: background #000000, secondary #1C1C1E, tertiary #2C2C2E, system blue #0A84FF. Copy every iOS system color.

Reddit dark mode hex codes: background #0B1416, cards #1A1A1B, orange #FF4500, text #D7DADC. Copy every Reddit UI color.

X (Twitter) dark mode hex codes: Lights Out #000000, surfaces #16181C, text #E7E9EA, blue #1D9BF0. Copy every X UI color.

LinkedIn dark mode hex codes: background #000000, surface #1B1F23, text #FFFFFF, blue #70B5F9. Copy every LinkedIn UI color.