Brand color

Glossier Secondary

#f94200

hex#f94200

rgbrgb(249, 66, 0)

hslhsl(16, 100%, 49%)

oklchoklch(0.647 0.226 35.2)

From Glossier brand colorsRelative luminance 0.2404

Warm Vivid Playful Bold

Open in palette tool Check contrast

Glossier Secondary 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 10 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

ff5314 ff662e ff7847 ff8b61 ff9e7a ffad8f ffbfa8 ffd2c2 ffe5db fff8f5

Shades — toward black

e63d00 cc3600 b83100 9e2a00 8a2500 701e00 5c1800 421200 2e0c00 140500

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

Harmonies

Complementary

Open in tool →

f94200 00b7fa

#00b7fa

Analogous

Open in tool →

f94200 fa003a fac000

#fa003a · #fac000

Triadic

Open in tool →

f94200 00fa43 4300fa

#00fa43 · #4300fa

Split-complementary

Open in tool →

f94200 00fac0 003afa

#00fac0 · #003afa

Tetradic

Open in tool →

f94200 3afa00 00b7fa c000fa

#3afa00 · #00b7fa · #c000fa

Contrast

Glossier Secondary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	3.62:1	fail	pass	fail	AA: use #db3a00 as the text (4.55:1) AAA: use #a32c00 as the text (7.2:1) AA: or shift the background to #1f1f1f (4.56:1)
Aaon black	5.81:1	pass	pass	fail	AAA: use #ff6229 as the text (7.03:1)

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

Brands using this color

Fonts for this mood

Glossier Secondary 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 Glossier Secondary

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

tool url/palettes/new/f94200-c4ab9c-62cbb4-2d291f-f1e9eb?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