Brand colors and harmony
Your primary color anchors everything. Add a secondary and tertiary, pick a color theory, then drag the dots on the wheel or apply a suggestion.
Color theory
Brand colors
Hex input · click a swatch for a pickerQuick-apply suggestions
Built from your primary. Click a row to apply it as Secondary + Tertiary.Tune four OKLCH themes against a live interface
Lightness follows the spec for each token. Chroma is capped at the edge of the active gamut: Display P3 by default, or sRGB when "sRGB only" is on. Select a token on the left and move its sliders; the mock UI on the right updates as you go.
See where revenue is heading, weeks ahead.
Fieldline turns billing, CRM and product signals into a forecast your finance team can actually plan around.
- Unlimited forecast scenarios
- Salesforce + HubSpot sync
- Board-ready PDF exports
- Priority support, 4h SLA
Contrast checks for every pairing
Each text, button and accent pairing in the mock UI is checked against WCAG 2.2 and APCA. Failing pairs come with a one-click fix.
Copy your tokens
Colors beyond sRGB use their Display P3 value directly, with an sRGB fallback for screens that can't show P3.