Color matching & theme hub

Indigo to rose with an inky base. We use this as the Brand Peel signature. You will see it in heroes where contrast has to carry the story.

Bright pink-purple that holds up on dark backgrounds. We built it for SaaS landing pages where contrast matters.

Built for the docs you actually read. I have seen this blue hold up on a dense API dashboard at 11pm without washing out tokens.

Muted slate monochrome. I like how the middle grays stay distinct at small sizes. Tradeoff is it can feel cold if you do not warm it with copy or imagery.

Forest green that settles into mint. Feels steady without shouting bank. We tested it on a fintech onboarding flow and it kept trust without feeling corporate.

Warm amber to rose with high contrast highlights. Holds up for sunset themed financial landing pages. I have seen it pass AA on deep backgrounds when you keep body text light.

Onyx and warm stone with bronze that does not shout. I use this for editorial long reads where you want quiet luxury. The light beige needs darker text than you expect, so check contrast at 14px.

Terminal greens that feel like an old CRT without the eye strain. We kept the brightest green for syntax highlights. The dark steps do the heavy lifting.

Cyan into indigo that glows without bleeding. I'd use this when an AI feature needs to feel futuristic but still readable in dark UI.

Deep rust grounded by sage greens. Works for artisanal or craft brands where earth tones can feel handmade. Tradeoff is the two warm steps can blur together, so I separate them with space or a border.

Violet to lavender that fades like city lights at dusk. I've used it for dark-mode headers where you want glow without neon cliché.

Charcoal to white with no surprises. We picked these steps so Bento cards separate cleanly. Even at low opacity borders.

Indigo that fades from near black to pale lavender. Feels like a fintech blur without relying on a gimmick gradient. The mid indigos are close, so we test buttons at both 400 and 600 weights.

Deep navy with a restrained amber gold. Reads as corporate without the cold. I lean on the gold for accents only. Too much and it tips into finance cliche.

Sky blues that stay airy over blur. I have used this on frosted cards. The lightest shade can disappear if your backdrop is too pale, so test at 60 percent opacity.

Espresso brown to creamy latte with a burnt orange lift. Comforting for hospitality or coffee brands. The lightest cream can wash out on white, so we pair it with charcoal type.

Deep space navy into soft violet. Feels cosmic without being gimmicky. The lightest lilac doubles as a readable text tint on dark.

Warm paper grays from charcoal to linen. Built for reading. I like it when a blog needs to feel printed without sepia affectation. Needs imagery or it can feel flat.

Amber-orange built to be seen. We use the deepest shade for backgrounds and save the bright orange for CTAs. Otherwise it overwhelms.

Deep teal with coral that actually pops. The contrast is the point. We keep coral for highlights, not paragraphs.

Charcoal to steel with even cool steps. Good for hardware or engineering pages where you want precision over color. We add a saturated accent for CTAs because this scale will not drive action on its own.

Deep plum into wine with a soft blush end. Feels luxe without black. I have used it for beauty headers where you want depth. The darkest step eats text, so we keep copy in the lighter pinks.

Forest to mint with clear light steps. Holds up for sustainability or wellness where green can feel generic. The middle greens are intentionally close, so we use them for layered cards rather than text contrast.

Navy to sky with a clean blue ramp. Familiar for B2B, but we kept the steps distinct so tables and badges stay legible. The brightest blue can buzz at small sizes, so I reserve it for links.

Near black through magenta to pale pink. Pure 80s arcade without the noise. I save the hottest pink for one hero element. Spread it and it loses the retro hit.

Warm sandstone from charcoal taupe to near white. Architectural and calm. I like it for lifestyle or interior pages where photography leads. Needs type weight contrast because the middle beiges are deliberately subtle.

Deep indigo to soft lavender haze. Dreamy without going pastel mush. Works for consumer productivity where you want calm. The lightest lavender disappears on white, so we use it for backgrounds only.

Acid green on near-black. High contrast and intentionally jarring. Great for disruptor branding, hard to live with as a full UI.

Ultramarine that hits hard then softens to pale blue. Feels like Klein in code form. I reach for it when a brand can handle saturation. Keep body text neutral, this blue will do the talking.

Slate to teal with a mint lift. Built for dark dev tools where syntax needs breathing room. We kept the darkest steps almost black so code blocks feel deep, not washed.

Oxide brown to bright amber with a warm cream. Artisan metallic without actual metallic. I use it when craft or spirits need warmth. The middle browns can muddy, so test on warm white, not pure white.

Plum through fuchsia to soft pink. Kyoto cherry without kitsch. Works for editorial or lifestyle where pink needs grounding. The brightest pink needs careful contrast, we keep it for highlights.

Deep jade to brass lit amber. Dark luxury that still feels organic. I pair the emerald for backgrounds and save brass for the one detail you want noticed. Too much gold and it reads casino.

Violet that moves from near-black to soft lilac. Works when a chatbot hero needs depth. The middle violet can dominate, so I pair it sparingly.

True black to mid-gray. Saves battery on OLED and makes white text pop. Tradeoff is pure 000000 can feel harsh in daylight, so we keep the second step at 121212.

Hot pink, cyan, and violet against near-black. Intentionally clashing. I would save it for campaign moments, not a full app shell.

Cool fjord blues from near navy to pale slate. Quiet like Scandinavian river light. I use this when an interface needs calm, not color. Tradeoff is it can feel distant without warm imagery.

Deep moss to soft sage with a muted linen end. Tea room calm. Works for wellness or ritual brands where you want quiet. We kept saturation low on purpose, so add texture rather than more color.

Oak brown to honey amber. Warms up premium pages. Tradeoff is the mid-browns can muddy if you overlay thin white type.

Abyss blue to clinical cyan with a pale ice end. Lab clean without feeling cold. I would use this for biotech or data where legibility in small labels matters. The mid blues are close, so we use the lightest for backgrounds only.

Sunset that goes navy through pink to warm red. I like it for agency heroes where you want energy without the usual orange-purple cliche.

Neutral blacks and off white with a single Swiss red. High contrast and opinionated. I lean on the red for one accent per view. Overuse breaks the grid logic it is meant to support.

Midnight navy to mint with money green lift. Feels like a neobank without shouting fintech. We keep mint for success states and balances. Too much and it reads like a dashboard theme, not a brand.

Deep forest to acid yellow with a solar pop. Optimistic and intentionally clashing. Good for solar or climate where you want energy. The yellow needs dark text, we never put white on it.

Dusky violet to muted linen with olive undertones. Provence without postcard cliche. I use it for botanicals or slow lifestyle where you want softness. The middle grays can flatten, so we add depth with shadow, not another color.

Almost black to bright phosphor with pale mint. Classic terminal that stays readable at small mono sizes. We keep the brightest green for cursor or active line only. Full page of it tires eyes.

Oxford navy to brass with warm parchment. Heritage without heaviness. Built for legal or academic where trust matters. The gold needs space, we set it large or as a rule, not body text.

Mulberry dusk from near black to soft lilac. Evening luxury. I have used it for cosmetics where you want velvet, not flat purple. Darkest steps need light type with increased line height.

Deep indigo through violet to hot magenta. Feels neural without the usual cyan. I save this for AI features where you want generative energy. The middle violet dominates fast, so we balance it with dark backgrounds.

Desert rust from near black brown to pale sand. Layered like canyon strata. Works for outdoor or editorial where warmth helps. We keep text in the darkest or lightest, mids are for blocks.

Titanium grays with even steps. I like it for hardware specs pages. The transitions are subtle enough that you will want an accent color for CTAs.

Vaporwave purple through magenta to cyan. 80s but usable. I use it for campaign headers where you need instant retro. Not a daily UI, we pull one neon for the product shell and leave the rest for marketing.

Deep shadow green to sunlit mint. Reads like canopy light. Good for nature or sustainability where depth matters. The dark greens merge at small sizes, so we use the lightest for text on dark.

Sapphire navy to soft gold with a bright crown highlight. Prestige without gilding everything. I use it for premium or finance where a little gold goes far. Keep gold for details, not paragraphs.

Loud pink, yellow, and cyan against near-black. Built for posters that need to shout. Not an everyday UI palette, and that is the point.

Infrastructure blues from near-black to pale sky. Reliable in docs and dashboards. I lean on the middle 0066FF when I need a button that still passes contrast.

Oat and charcoal with a tactile feel. Works when you want calm without sterility. We kept saturation low so photography can lead.

Near black violet asphalt with taillight reds. Tokyo night after rain. I like it for dark editorial where you want atmosphere. The reds are narrow, so we keep them for highlights and keep body text neutral.

Midnight to soft lavender via enterprise indigo. Familiar B2B ramp that still feels modern. We built the steps so cards and indigo buttons pass contrast without an extra border. Can feel safe, so pair with strong type.

Charcoal through oxide copper to soft stone. Industrial with a warm hit. Works for hardware or craft where you want weight. The copper needs dark surroundings or it loses punch.

Abyss navy to electric teal with a near white lift. Feels like reef glow without novelty. I use it for ocean or biotech where teal needs depth. The bright teal can vibrate on black, so we desaturate it for backgrounds.

Espresso to cinnamon that smells warm on screen. I would use it for hospitality or seasonal drops where you want comfort over contrast.

Ink black to laser violet and soft lilac. Dense and luminous. Built for quantum or encryption where purple needs to feel technical, not decorative. Lightest lilac is for code tokens, not body copy.

Concrete grays from 181818 to light stone. Stays neutral in a portfolio grid. We kept contrast low on purpose, so add type weight if legibility drops.

Near black green to soft mint with deep sovereign steps. Wealth quiet, not flashy. I use it for wealth or institutional where green should feel steady. Darkest greens need generous white space or they close in.

Charcoal through taupe to champagne and soft blush. Bridal or spa without going pink. Works when you want softness with structure. We keep contrast in type weight because colors are deliberately close.

Near black olive to acid lime with a pale citrus wash. Jarring on purpose. Good for brutalist or youth tech where you want to be seen. We never set long text in the acid, we keep it for badges and borders.

Slate with cyan, violet, coral and emerald for charts. Built for dark dashboards where each series must stay distinct. I have tested this at small legend sizes and the hues still separate without relying on brightness alone.

Granite to birch pale gray with even cool steps. Quiet Scandinavian structure. I like it for subtle UI where borders do work. Too subtle for marketing heroes, we add one accent when we need a click.

Near black burgundy to soft wine blush. French cellar depth. Works for dining or wine where red should feel grown. The mid reds swallow thin type, so we use the lightest for text on dark.

Deep amber to phosphor orange with a warm paper end. Retro industrial monitor glow. I use it for control or hardware panels where amber needs to feel functional, not vintage poster. Dark steps do most work.

Abyss teal from near black to soft aqua. Deep water trust. Built for security or data where blue green should feel steady. We keep the brightest teal for small accents, not large fields.

Deep clay to soft terracotta blush. Mediterranean roof at golden hour. Works for home or garden where warmth sells craft. The mid clay can look dusty on screen, so we brighten it for buttons.

Near black violet through hot pink to bright cyan. Mesh gradient that actually works in product. I pull the pink or cyan as a single accent. Together they compete, so choose one hero.

GitHub dark slate with a clear blue link lift. Feels like a real console, not a theme. I use this for API docs where familiarity reduces cognitive load. Blue is for links and tokens only.

Japanese sumi ink from near black to paper white. Brush weight without texture. Works for editorial or minimal where gray steps matter. We kept mids distinct so rules and borders stay visible at 1px.

Near black red to warning bright with soft pink. Built for incident or security where red must escalate cleanly. We reserve the brightest red for the critical state, not defaults.

Deep olive to soft sage with warm linen. Tuscan grove calm. Good for culinary or organic where green should feel cultivated, not neon. Low saturation means photography must carry color.

Deep amethyst to soft lavender via royal purple. Regal but not costume. I use it for fashion or awards where purple needs weight. Lightest lavender is for backgrounds, not long text.

Burnt orange to bright tangerine with a pale peel wash. Built for moments you need a click. We keep the bright for one CTA per view. More and it stops being electric.

Azure blues that read cloud without feeling generic. I have seen this hold up on a dense infrastructure console where lighter blues tend to wash out.

Warm taupe from near charcoal to soft linen. Studio quiet. Works for architecture or editorial where texture beats hue. We add contrast with scale and weight, not extra color.

Dark magenta that vibrates without burning. We tuned it for night UI. The brightest pink is there for accents only, not backgrounds.

Deep dune brown to soft sand with warm gold. Desert light without yellow cast. I use this when you want natural warmth that stays premium. Gold step needs dark text, never white.

Institutional navy from near black to soft ice with steel blue lift. Wall Street steady. We built the steps for long reports where legibility beats flash. Can feel conservative, pair with modern type.

Pure black to white with deliberate gray steps. Noir editorial where contrast does the design. I love it for fashion where image leads. Needs careful type pairing or it feels like a newspaper, not a brand.

Deep indigo with Memphis pink, cyan and yellow. Playful like the 80s without pastiche. I use it for creative or youth where you can take the risk. Keep one neon hero, let the others support.

Deep emerald to pale mint with clear middle steps. Steady for AI or energy where green should feel intelligent, not eco cliche. We use the brightest mint for highlights, not full backgrounds.

Stone gray to alabaster and clay with warm undertones. Soft minimalism for home or wellness. Works when you want quiet. We kept the light end warm so white does not feel sterile.

Laser green from near black to pale mint. Terminal bright without bloom. Built for cyber tools where green signals active. We keep the pure 22C55E for active states, not dividers.

Deep maple to harvest orange with soft pumpkin wash. Vermont autumn without kitsch. Good for seasonal or food where warmth sells. Dark steps can go muddy, so we test on cream, not white.

Executive slate from near black to pale platinum. Boardroom neutral. I use it when governance or enterprise needs quiet authority. Needs a clear accent or CTAs disappear into the gray.

Obsidian to pearl with careful mid grays. Volcanic depth meeting soft light. Works for luxury editorial where you want depth without warmth. We tune borders at 1px because steps are subtle.

Electric yellow that buzzes on dark backgrounds. I would keep it for summer campaigns. In a dashboard it fights for attention, so use it sparingly.

Violet scale from near black to soft lavender via indigo. Built for SaaS marketing where purple needs to feel grown up, not neon. I keep the middle violet for buttons and the palest for subtle backgrounds.

Basalt and chalk from near black to soft off white. Cool stone quiet. I like it for product UI where neutrality helps. The mids are close, so we rely on weight and size for hierarchy.

Warp violet from abyss to soft lilac with electric mid. Sci-fi without costume. Good for dark podcasts or games where purple can carry the brand. Lightest step works for secondary text on dark.

Sun warmed terracotta from deep soil to soft blush. Pottery warmth. Works for lifestyle or home where you want handmade. The soft blush can disappear on white, so we use it for fills, not lines.

Steel blue from deep navy to ice teal. Logistics steady. I use it when global commerce needs trust without banking blue. The teal lift needs care at small sizes, we bump weight when using it as text.

Mahogany to Venetian gold with warm parchment. Palace richness without heaviness. Good for heritage or luxury where gold should feel built in. We use gold for rules and small caps, not long text.

Near black with cyan, magenta and pure white. Web3 energy without going circus. I save the neons for one moment per page. Use both at full blast and they fight.

Horizon sky from midnight to pale blue with clear middle blues. Friendly cloud infrastructure. Works for dev tools where blue should feel open, not corporate. Middle blue makes a reliable primary button.

Oat and sandstone from deep charcoal to soft beige. Serene and a bit warm. I use it when UI needs to disappear and content leads. Keep contrast in type, colors are intentionally close.