Brand color

Warp Primary

#00c2ff

hex#00c2ff

rgbrgb(0, 194, 255)

hslhsl(194, 100%, 50%)

oklchoklch(0.762 0.152 230)

From Warp brand colorsRelative luminance 0.458

Cool Vivid Technical Modern

Open in palette tool Check contrast

Warp Primary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

1ac9ff 33cfff 47d4ff 61daff 7ae0ff 94e6ff adecff c2f1ff dbf7ff f5fdff

Shades — toward black

00b0e6 00a0d1 008db8 007da3 006a8a 005670 00465c 003342 00232e 001014

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

00c2ff ff3c00

#ff3c00

Analogous

Open in tool →

00c2ff 00ffbb 0044ff

#00ffbb · #0044ff

Triadic

Open in tool →

00c2ff ff00c3 c3ff00

#ff00c3 · #c3ff00

Split-complementary

Open in tool →

00c2ff ff0044 ffbb00

#ff0044 · #ffbb00

Tetradic

Open in tool →

00c2ff bb00ff ff3c00 44ff00

#bb00ff · #ff3c00 · #44ff00

Contrast

Warp Primary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	2.07:1	fail	fail	fail	AA: use #007da3 as the text (4.71:1) AAA: use #005e7a as the text (7.29:1) AA: or shift the background to #454545 (4.64:1) AAA: or shift the background to #292929 (7.04:1)
Aaon black	10.16:1	pass	pass	pass	Passes AAA — no fix needed.

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Warp Primary as the background.

Brands using this color

Palettes built around it

38bdf8 818cf8 fbbf24 0f172a e2e8f0

Blueprint

Open in tool →

Cyan and indigo on navy is the developer-tool look; amber is the only warm note, so it always reads as 'attention'.

Technical Cool Modern Dark

Fonts for this mood

Warp Primary reads as cool, vivid, technical. The font library is tagged with the same vocabulary:

Technical fonts →Modern fonts →

mcpConnect your agent — build around Warp Primary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #00c2ff and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/00c2ff-9cb6c4-df4e72-1f242d-e9f1ef?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md