font‑palette CSS Playground - Online Color Fonts Explorer
Pick a COLRv1 color font and change its palette with font‑palette. Create custom palettes with @font‑palette‑values.
UD5 Toolkit
No brands match your search. Try a different keyword.
Brand colors are the specific hues a company uses consistently across its logo, website, packaging, and marketing materials. They form a core part of visual brand identity and help consumers instantly recognize the brand—like Coca-Cola red or Starbucks green.
Knowing exact brand colors helps designers create complementary materials, maintain brand consistency in collaborations, and build color palettes that harmonize with established brand identities. Accurate color codes prevent costly mismatches in print and digital media.
HEX is the standard for web design (CSS). RGB is used in digital screens and graphic software. HSL (Hue, Saturation, Lightness) is more intuitive for adjusting colors—designers often prefer it for creating variations like lighter tints or darker shades.
Color values themselves are not copyrightable, but using brand colors to imitate or misrepresent a trademarked brand may raise legal concerns. Always use brand colors respectfully—for reference, inspiration, or legitimate design work rather than deception.
We source color values from official brand guidelines, press kits, and reputable design references. However, brands occasionally update their palettes. We recommend verifying against the official brand style guide for critical commercial projects.
Study the relationships between a brand's primary and secondary colors. Notice how complementary or analogous hues work together. Use tools like color wheels to adapt these relationships to your own unique palette—take inspiration from the harmony, not the exact values.
Primary colors are the main identifying hues (like Netflix red). Secondary colors support the primary palette in UI, illustrations, and marketing. Many brands also have accent colors for calls-to-action or highlights. This tool shows all official brand colors where available.
Pick a COLRv1 color font and change its palette with font‑palette. Create custom palettes with @font‑palette‑values.
Build a color palette for charts that works for protanopia, deuteranopia, and grayscale. Export as array.
Interactive scale showing dB levels of everyday sounds with playable samples. Hearing safety.
Searchable list of Q-codes with meanings. Also includes RST system. Prepare for license.
See a cropped or simplified brand logo and guess the company. Hints available, score track. Local fun, no copyright infringement.
Enter a URL and extract the font stacks and web font URLs used on that page. Quick typography research.
See which fonts map to generic families (serif, sans‑serif, monospace) on different operating systems. A handy reference.
Pick a source color and generate a complete M3 tonal palette with light/dark schemes. Export as CSS custom properties.
Browse the built‑in styles that browsers apply to HTML elements. Understand why your page looks different. Static reference.
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Search and browse a comprehensive table of SI units and common imperial conversions. For students and engineers.
Search by country or currency name to find its symbol and code. Quick static reference for international business.
Paste a set of hex colors and simulate how they appear with common color vision deficiencies. Get contrast warnings.
Searchable grid of all named HTML character entities with previews. Click to copy &, <, © etc. For web devs.
Searchable table of well‑known TCP and UDP ports with their services. Check 80, 443, 3306, and many more.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Reference diagrams for USB‑A, USB‑C, micro‑USB pinouts. See wire colors and signal descriptions. Hardware hacking helper.
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
See the current UV index forecast or enter a value to learn protection needed (SPF, hat, shade). Educational.
Enter an English word to get a brief etymology (Latin, Greek, etc.) and root meaning. From curated static data.
Click a metal ion to see the characteristic flame color and wavelength. Useful for analytical chemistry reference.
Enter a number of sides (3‑100) and get the correct polygon name (triangle, hectogon). Fun geometry reference.
Click a planet to see mass, diameter, moons, temperature, and distance from sun. Beautifully styled static data.
Scroll through thousands of pre‑computed digits of π. Search for a specific string of digits. For math lovers.
Enter a color palette and see how it looks for different types of color vision deficiency. Get warnings on conflicting colors.
A searchable list of essential Docker CLI commands for managing containers, images, and volumes. Copy-paste friendly. Always handy.
Quick reference for frequently used Git commands with examples. Searchable and categorized. A handy resource for all developers.
A complete, searchable list of all 140+ named HTML/CSS colors with their hex codes and color previews. Click to copy code. Essential web reference.
Look up quick facts about any country: capital, population, currency, flag, and continent. Static data, fast search. Great for travel and education.
Interactive ASCII table showing decimal, hex, octal, and binary codes for all standard and extended ASCII characters. A classic programmer reference.