Brand Color Generator
Brand Color Strategy: Brand colors establish immediate visual recognition and cohesive brand identity. A palette typically consists of 3 to 5 colors (Primary, Secondary, and Accent) to create a balanced visual hierarchy without overwhelming users, ensuring clean contrast and consistent storytelling.
Select a checkbox, then generate again or try Re-generate!
Primary and Secondary use analogous & monochromatic color relationships, so the WCAG contrast between them always results in Fail. Level options are disabled for this rule.
WCAG Color Contrast — All Color Pairs
Saved Color Palettes
60-30-10 Rule Generator
9/50
23/500
Random Hue Filter:
WCAG Target (Primary : Secondary):
Select one target level, then click Generate 60-30-10 again to create new colors.
60-30-10 Listing
IMG ref. Color Extractor
Extract color palettes from images using K-Means algorithm, lock favorite color packages, then re-generate for other reference colors.
Complementary WCAG Target:
Basic Color Generator
Basic tool to generate harmonious color variations from a base color (analogous, complementary, split-complementary, triadic, and square).
Saved Basic Color Palettes
Golden Ratio (?) Tools
Generate a natural 60-30-10 palette using the Golden Ratio rules. The Accent uses the Golden Angle (+137.5° Hue) and Secondary scales saturation by 0.618.
Saved Golden Color Drafts
Generate a perfect typography hierarchy using the 1:1.618 Golden Ratio based on your bodytext size.
Autoconvert ~ 16 px