Start with one color
One color is all this needs. Add up to two more if you already know where the brand is going, and they will anchor the secondary and accent instead of being invented for you.
Your five brand colors
Built in OKLCH so all five sit at even perceptual weight instead of one shouting over the rest. Click any swatch to copy its hex.
Tints and shades, 10% at a time
Nine shades down, nine tints up, in 10% steps from each base. Hover a step to read it, click to copy it.
Combinations that stay legible
Every pair scored against WCAG contrast. AAA carries body text. AA carries large text and interface. Anything failing is listed below with the exact tint or shade that fixes it.
Name one font you like
Tell Orbit which role your font plays. The other two get chosen to sit with it, so the three read as one brand rather than three opinions.
See it, then take it
Colors and type together, applied only in pairings that passed step 04. Then take the whole system out in the format you actually work in.