Hex Colour Preview

Paste hex codes to preview colours, or view the brand palettes below.

Paste Hex Codes

Paste one hex code per line (with or without #). Optionally add a name after a space or comma.

ParsaDev Portfolio — Charcoal + Amber

SwatchHexNameUsage
#D97706Amber (Primary)Accent — links, highlights, outline buttons, tags
#B45309Dark Amber (Hover)Hover states, pressed buttons
#F59E0BLight AmberCTA on dark backgrounds, badges, glow accents
#1C1917Charcoal (Dark BG)Dark sections, footer, primary CTA button
#1C1917Near Black (Text)All headings, body text on light backgrounds
#78716CMedium GreySubtitles, captions, secondary text, nav links
#F5F5F4Stone Light (Cards)Card backgrounds, light sections
#FAFAF9Warm White (BG)Page background, scaffold
#E7E5E4BorderInput borders, dividers, nav border
#FFFFFFWhiteInput fills, nav background
#2E7D32Success GreenPositive states
#C62828Danger RedError states