Brand color

PostHog Accent

#f7a501

hex#f7a501

rgbrgb(247, 165, 1)

hslhsl(40, 99%, 49%)

oklchoklch(0.783 0.166 73.5)

From PostHog brand colorsRelative luminance 0.4669

Warm Vivid Playful Bold

Open in palette tool Check contrast

PostHog Accent 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 3 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

feb016 feb92f fec148 feca62 fed37b fed98f ffe2a9 ffeac2 fff3db fffcf5

Shades — toward black

e49901 cb8801 b77a01 9d6901 895c01 704b01 5b3d00 422c00 2e1f00 140e00

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

Harmonies

Complementary

Open in tool →

f7a501 0154f9

#0154f9

Analogous

Open in tool →

f7a501 f92a01 cff901

#f92a01 · #cff901

Triadic

Open in tool →

f7a501 01f9a6 a601f9

#01f9a6 · #a601f9

Split-complementary

Open in tool →

f7a501 01cff9 2a01f9

#01cff9 · #2a01f9

Tetradic

Open in tool →

f7a501 01f92a 0154f9 f901cf

#01f92a · #0154f9 · #f901cf

Contrast

PostHog Accent as text	Ratio	AA	AA large	AAA	Fix
Aaon white	2.03:1	fail	fail	fail	AA: use #9d6901 as the text (4.71:1) AAA: use #754e01 as the text (7.38:1) AA: or shift the background to #474747 (4.57:1) AAA: or shift the background to #292929 (7.16:1)
Aaon black	10.34: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 PostHog Accent as the background.

Brands using this color

Palettes built around it

a1a1aa 71717a f59e0b 18181b f4f4f5

Graphite

Open in tool →

A greyscale system with a single amber — the accent does all the work, so allow one per screen.

Technical Muted Dark Modern

10b981 134e4a f59e0b ffffff 10231b

Mint Modern

Open in tool →

Emerald as a primary rather than a success color, anchored by deep teal text — fresh, friendly, and fintech-adjacent.

Modern Clean FriendlyFintech

1d4ed8 64748b f59e0b ffffff 1e293b

Campus

Open in tool →

Institutional blue with a highlighter-amber accent — trustworthy for parents, lively enough for students.

Friendly Cool CleanEducation

Fonts for this mood

PostHog Accent reads as warm, vivid, playful. The font library is tagged with the same vocabulary:

Warm fonts →Playful fonts →Bold fonts →

mcpConnect your agent — build around PostHog Accent

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 #f7a501 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/f7a501-c4bb9c-62b8cb-2c2d1f-f1ebe9?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