See your colors come to life in a real design preview.
Palette
4 colorsEnter a valid HEX color.
Used for Primary.
Color roles
Lock a color to keep it in new palettes. Editing it updates every assigned role.
Contrast targets
Applies to body text, primary links, and button labels. Accent checks follow its intended use.
A thoughtful beginning.
Considered details. Fresh possibilities. Find a little more of what matters to you.
Good design starts with the details.
Small moments. A lasting impression.
Saved work (0)
Save your first brand setup above. Its colors and settings will be ready to reopen.
Saved on this device with its settings. Download a project to keep a backup or import it on another device.
Give each brand color a useful role
- Select a swatch in Palette, then edit its HEX value or use the color picker. The preview updates immediately. Under Color roles, choose which palette color to use for Primary, Accent, Background, and Text. On phones, expand Brand name and color roles to change these assignments.
- Select a swatch and use its lock button to keep that color, then choose New palette to compare up to three directions. All unlocked colors, including supporting colors, take part. Imported colors stay available; a neutral may be added when there is room and it helps readability. Undo and redo restore both the palette and its assignments.
- Switch between Website, Social, and Guide. Website offers a landing page, online shop, and dashboard; the shop swatches and dashboard chart include every palette color. Each layout preserves your colors and assigned roles.
- Open Contrast targets to choose AA or AAA text and specify whether the accent is decorative, an interface color, or text. Review the pairings and use their adjustment buttons. Text and Background need different colors for readable contrast.
- Copy, export, save, or share the current palette. The brand guide also includes its role assignments, contrast checks, and a design example. Send the same current colors to Palette Generator or Color Vision Simulator.
A pale background and dark text can make the message readable while the primary color carries the brand identity. An accent may work decoratively even when it does not pass the normal-text contrast threshold.