Palettes

Adobe Spectrum's color system — the design system that powers Adobe's product surfaces (Creative Cloud, Document Cloud, Experience Cloud). Spectrum is built on tonally-paired neutral and chromatic scales (gray, blue, red, orange, yellow, chartreuse, celery, green, seafoam, cyan, indigo, purple, fuchsia, magenta, pink, brown, silver, cinnamon, turquoise), each running 100 → 1600 with a light-mode hex and a dark-mode counterpart. The brand accent on product surfaces is Spectrum Blue 900 (#3B63FB light / #5681FF dark) — the same swatch that backs the `accent-background-color-default` token. Semantic role tokens (positive, negative, notice, informative) map onto the same scales: positive=green-900, negative=red-900, notice=orange-900, informative=blue-900.

Airbnb's brand palette, anchored on the signature Rausch (#FF5A5F) — the warm pink-red introduced with the 2014 Bélo rebrand and retained as the primary brand color across airbnb.com, the mobile apps, and Airbnb's marketing. Rausch reads as the brand voice; the rest of the system is built on warm neutrals so photography and Rausch can carry the visual weight.

Amazon corporate palette built around Amazon Orange (#FF9900) — the signature "smile" color of the Amazon wordmark — paired with the deep-navy Amazon Squid Ink (#232F3E) used across the retail site chrome and the AWS console. The orange-on-navy contrast is the most recognizable element of Amazon's visual identity; the warm orange carries the brand voice while the navy provides the structural canvas.

Amazon Web Services palette anchored on AWS Smile Orange (#FF9900) — the arrow-and-smile signature carried over from the Amazon parent brand — paired with AWS Squid Ink (#232F3E), the deep navy that defines the AWS Management Console chrome and the AWS architecture diagrams. Where the Amazon retail palette leans on warm orange against a white retail canvas, the AWS palette runs darker: console-first, diagram-first, and engineered for the long-form technical surfaces of the AWS Architecture Center, the docs site, and re:Invent keynote slides.

AMD (Advanced Micro Devices) is a silicon company whose corporate identity is anchored on a saturated red — the wordmark color and the only chromatic primary in the system. The supporting palette on amd.com is a near-black canvas (#1a1a1b) under the marketing voice, a small neutral ramp (#27282b through #f1f1f2) for surfaces and rules, and a cooler "AMD Blue" (#0051c6) reserved for partner / link contexts. A Bootstrap-derived danger red (#dc3545) appears for system error states distinct from the brand red.

Anthropic's brand palette, captured directly from the live marketing site (anthropic.com) where the design system exposes named swatch tokens on the document root. The brand is warm and paper-toned: a cream "Ivory" canvas, deep "Slate" text, with Claude's signature "Clay" terracotta as the primary accent. A muted natural-world secondary scale — Cloud, Oat, Manilla, Kraft, Olive, Cactus, Sky, Heather, Fig, Coral — supports illustration and surface accents. Anthropic is light-first; the dark mode used on hero modules flips Slate-dark to canvas with Ivory text.

Apache Software Foundation brand palette anchored on the canonical Apache Red (#D22128) — the fill of the ASF feather mark. The Foundation's identity is restrained and ink-on-paper: red feather, black wordmark, white canvas, with grey supporting neutrals for documentation surfaces. The palette captures the institutional Apache voice — vendor-neutral, project-first, decades-stable.

Apple system palette drawn from the iOS / macOS Human Interface Guidelines. Anchored on Apple Blue (#007AFF) — the canonical iOS tint color used for interactive affordance across the platform — and the twelve named System Colors (Blue, Brown, Gray, Green, Indigo, Mint, Orange, Pink, Purple, Red, Teal, Yellow) plus the light- and dark-mode system background ramps.

Apple Music's signature pink-to-red gradient palette. The product brand under the Apple parent identity uses a vivid pink-into-red warm gradient as its mark fill and hero accent, paired with the near-black canvas and pure white that Apple deploys across its HIG dark-mode surfaces. The Apple Music identity is the warmest, most chromatic of Apple's service-tier brands — distinct from the monochrome Apple corporate mark — and reads as energetic, expressive, and music-forward against the otherwise restrained Apple system.

Asana's brand palette, anchored on the three-dot coral mark — a warm Asana Coral (#F06A6A) carrying the institutional voice on a clean white canvas with near-black body text. Asana's product also uses a documented purple supporting accent, but its exact published brand hex is not catalogued here to avoid fabrication; consumers needing the supporting purple should pull it from Asana's in-product brand documentation at consumption time.

Atlassian's design-token palette, sourced from the `@atlaskit/tokens` package — the package that backs every product surface in the Atlassian portfolio (Jira, Confluence, Trello, Bitbucket, Compass, Loom, Statuspage). Nine chromatic families (Blue, Teal, Green, Lime, Yellow, Orange, Red, Magenta, Purple) running 100 → 1000 with 250 / 850 odd-stops, plus two neutral scales (Neutral for light surfaces, DarkNeutral for dark surfaces) and a set of translucent alpha overlays. Atlassian Blue 700 (#1868DB) anchors the primary interactive role on light surfaces; Blue 400 (#669DF1) takes that role on dark surfaces. The Neutral scale supplies the canvas, surface, and text tokens for light mode; DarkNeutral plays the same role in dark mode.

Atom's signature dark theme — a balanced, low-saturation canvas (slate blue at hue 220, saturation 13%, lightness 18%) with eight accents tuned for syntax highlighting (cyan, blue, purple, green, two reds, two oranges). The de-facto dark theme of the 2010s editor era; the basis for countless ports. Dark mode is sourced directly from one-dark-syntax/styles/colors.less. Light mode is brand-atoms' authored inversion (upstream ships dark-only).

Atom's signature light theme — a near-white canvas (hue 230, sat 1%, lightness 98%) with eight accents tuned for syntax highlighting (cyan, blue, purple, green, two reds, two oranges). The companion to One Dark; designed for daytime reading. Light mode is sourced directly from one-light-syntax/styles/colors.less. Dark mode is brand-atoms' authored inversion (upstream ships light-only).

Ayu Dark — the high-contrast deep-blue-black variant of Ayu by Ike Ku. A near-black canvas (#10141C) with the signature warm-yellow accent (#E6B450) and a vivid spectrum of syntax accents (lime, mint, lavender, red, cyan, orange). The darkest Ayu variant; Mirage sits between Dark and Light. Dark mode is sourced directly from the ayu-dark VS Code theme JSON. Light mode is brand-atoms' authored inversion (Ayu ships ayu-light as a peer variant, so consumers wanting a true Ayu light experience should pick that atom).

Ayu Light — the bright variant of the Ayu editor theme by Ike Ku. A clean near-white canvas (#FCFCFC) with warm-orange focus accent (#F29718) and a balanced spectrum of muted syntax accents (green, teal, blue, purple, red, pink, orange). One of three Ayu variants shipped in the official vscode-ayu extension. Light mode is sourced directly from the ayu-light VS Code theme JSON. Dark mode is brand-atoms' authored inversion (Ayu ships three peer variants — light, dark, mirage — each as its own theme; ayu-dark and ayu-mirage are separate atoms).

Ayu Mirage — the mid-contrast dusk variant of Ayu by Ike Ku. A muted blue-slate canvas (#242936) that sits between Ayu Dark and Ayu Light in luminance. Uses warmer pastel accents than Ayu Dark — buttery yellow (#FFCC66) primary with mint, lavender, salmon, and orange spectrum. Dark mode is sourced directly from the ayu-mirage VS Code theme JSON. Light mode is brand-atoms' authored inversion (Ayu ships ayu-light as a peer variant; consumers wanting a true Ayu light experience should pick that atom).

Bandcamp's brand palette built around the signature Bandcamp Aqua — the muted cadet-blue / ocean-blue color that fills the wordmark, the "Buy Now" button, and the player accent. The brand is light-first and minimalist: a near-white canvas, the aqua accent, deep ink for text, and a small neutral scale. Bandcamp's identity is deliberately understated — the platform is built around discovery of artist-uploaded music and direct artist support, and the visual restraint reflects an artist-first, catalog-forward voice.

The BBC palette, captured from the open-source Simorgh design system that powers BBC News across services. Anchored by "Postbox" (#B80000) — the signature BBC red — the system pairs near-black on white for body content with a published gray scale, a service-neutral blue, news/sport accent colors, and the LIVE teal used for live-coverage states. Globally accessible, service-driven, with the BBC GEL (Global Experience Language) governing layout, type, and accessibility floor.

The Bloomberg palette as deployed on bloomberg.com, captured from the published Phoenix ("phx") design-system tokens served alongside the consumer site. The identity is built on a precise, data-terminal feel: near-black on white, deep ink dark mode, and a signature Bloomberg yellow (#FFCD1E) reserved for the ticker accent and editorial emphasis. The system publishes a full 9-step ramp across gray, red, green, yellow, opinion blue, and subscription violet — designed for chart legibility on the terminal as much as the editorial page.

Bluesky social corporate palette, anchored on Bluesky Blue (#0085FF) — the saturated sky-blue that carries the Bluesky butterfly mark and the bsky.app product surface. Bluesky's identity is bi-modal: the default mobile-app experience is dark-canvas with the Blue used on the mark and primary affordances, while the marketing surface and desktop product default to a light canvas. The supporting system is intentionally restrained — one blue, two canvases, and a handful of authored neutrals — letting posts and media drive the visual surface.

Booking.com's palette is built around the corporate Booking Blue (#003580) — a deep navy that has carried the wordmark and the primary chrome since the company's earliest digital identity. The blue reads against a white canvas, with a secondary yellow used historically for the "Genius" loyalty program and high- priority CTAs. Booking is a light-first, dense-information UI — the palette is utilitarian and ramp-oriented rather than expressive.

The Bootstrap 5.3 color system — gray-100..900 plus ten named accents (blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan) and the eight theme colors (primary, secondary, success, info, warning, danger, light, dark). Includes the full set of derived per-theme emphasis/bg-subtle/border-subtle values for both light and dark modes. Light mode is the default theme that ships when you load `bootstrap.css`; dark mode is activated by setting `data-bs-theme="dark"` on the root and overrides body bg, body color, secondary/tertiary surfaces, link color, and every theme-color emphasis triplet.

Calendly's brand palette, anchored on Calendly Blue (#006BFF) — the signature saturated blue that carries the wordmark and the schedule mark. The institutional voice pairs that blue with a clean white canvas and near-black body text on marketing surfaces. Where competing scheduling tools lean on multi-color product surfaces, Calendly commits to a single confident blue.

The University of Cambridge brand palette as published in the Cambridge brand resources / colour guidelines. The core palette is built around a Cambridge Blue family — a distinctive light teal-cyan (#8EE8D8) that differentiates Cambridge from Oxford's navy — alongside Cambridge Dark Blue (#133844), Warm Blue (#00BDB6), and Light Blue (#D1F9F1). A heritage Cambridge Blue (#85B09A) preserves the traditional cooler shade. Five secondary colour families (Crest, Cherry, Purple, Indigo, Green) each carry a four-stop ramp, and a four-stop greyscale (Slate 1–4) provides neutrals.

Catppuccin Frappe - a soothing dark pastel theme. Native dark mode; the light mode role map is a sensible inversion that preserves accent identity (mauve = primary, etc.).

The light flavor of Catppuccin — a community-driven pastel theme with six accents and six surface tones. Latte is the warm-cream daytime variant of the family (Frappé / Macchiato / Mocha being the dark cousins). Both light and dark mode role mappings draw exclusively from the Latte palette: light maps the canonical role taxonomy (base/mantle/ crust + surfaces); dark "mode" within Latte is a role-shifted view where deeper crust/mantle become the canvas and text contrast is preserved.

Catppuccin Macchiato - a soothing dark pastel theme. Native dark mode; the light mode role map is a sensible inversion that preserves accent identity (mauve = primary, etc.).

The darkest flavor of Catppuccin — a community-driven pastel theme with six accents and six surface tones. Mocha is the deep midnight variant of the family (Latte / Frappé / Macchiato being the lighter cousins). Both light and dark mode role mappings draw exclusively from the Mocha palette: dark maps the canonical role taxonomy (base/mantle/ crust + surfaces); light "mode" within Mocha is a role-shifted view where the brighter text/subtext tones become the canvas.

ClickUp's brand palette, anchored on ClickUp Purple (#7B68EE) — the signature medium-slate purple that carries the wordmark and the gradient-tipped "CU" mark. The institutional voice pairs that purple with a clean white canvas and near-black body text on marketing surfaces. ClickUp's "one app to replace them all" positioning is reinforced by a single committed brand hue.

Cloudflare corporate palette anchored on Cloudflare Orange (#F38020) — the signature mark color used across the corporate logo, the marketing site, and the dashboard. Pairs Cloudflare Orange with a deeper Marketing Orange (#FBAD41) for gradients, a near-black for surfaces, and a small set of neutrals used as backgrounds, dividers, and body text.

Codecademy's brand palette, captured directly from the open-source Gamut design system that powers codecademy.com. Gamut publishes the canonical named swatches in a scale-100→900 vocabulary anchored by the deep Navy (#10162F) ink, the Hyper (#3A10E5 / #5533FF) electric brand purple-blue, and a Lime Green family (#AEE938 / #008A27) for completion / success. The identity is developer-focused, dark-canvas-capable, and code-editor adjacent. Codecademy is dark-first on lesson surfaces and light-first on marketing — the brand canonical canvas for editor / IDE chrome is the Navy ink, while the marketing canvas is White / Beige with Navy ink.

Cohere's brand palette as captured from the live marketing site (cohere.com). The brand's optical signature is a tropical three-stop gradient — coral (#FF7759) → mauve (#7670C5) → cobalt (#4C6EE6) — that travels across product surfaces and the CohereColor display face. Surrounding the gradient is a calibrated neutral system: a near-white "Paper" canvas in light mode and a near-black "Ink" canvas in dark mode (Command product surfaces use the dark Ink ground as their primary canvas). Secondary accent colors — a magenta-violet, a deep-jade, a navy, and an ember-red — appear in editorial and data-viz contexts but the coral-mauve-cobalt gradient is the dominant brand cue.

Coinbase corporate brand palette. The identity is anchored on a single saturated blue (Coinbase Blue, #0052FF) — the wordmark, the circular "C" mark, and primary CTAs all read as this one unambiguous blue. The canvas leans light-first for marketing and the retail product, with a near-black ink for body and a deep navy for dark-mode product surfaces. Coinbase's brand voice is rational and trust-leaning — a deliberate counterweight to crypto's volatility narrative.

Dark-first palette extracted from the Convergent Systems brand site (convergent-systems.co). Deep-space blue-blacks for the canvas, cool off-white for text, and three vibrant accents — cyan, gold, orange — each with a softer hover variant. The gold accent is the brand's signature, used in the hexagonal-spiral mark. Designed for dark mode; light-mode role mappings provide a sensible inversion (cream canvas, deep-space text) while preserving the same three accent hues so the brand identity survives a mode switch.

Coursera's brand palette, captured from the live marketing site (coursera.org) where the Coursera Design System exposes named color tokens — most visibly the BLUE primary (#0056D2), the deep-navy text color (#1F1F1F), and the BLUISH_WHITE soft surface tint (#F3F8FF). The system is corporate, considered, and reader-friendly: a single deep signature blue against near-white surfaces with a restrained neutral grey scale. Coursera is light-first; the marketing canvas is White, with Bluish White as the surface tint and Coursera Blue as the brand action.

Cursor's brand palette, captured directly from the live cursor.com marketing site where the design system exposes named color tokens on :root (--color-theme-bg, --color-theme-text, --color-theme-accent, --color-theme-product-ansi-*). Cursor presents a warm light-first canvas — a near-paper "Sand" surface, a deep ink "Cursor Ink" text, and a saturated orange "Cursor Orange" (#F54E00) as the primary accent — supported by an ANSI-aligned green and red used by the product UI. The brand reads as quietly editorial: small palette, warm neutrals, a single hot accent.

Datadog brand palette anchored on Datadog Purple (#632CA6) — the signature purple of the dog-paw mark and the principal accent across datadoghq.com and the Datadog observability platform — paired with the Datadog Yellow used on the secondary brand accent and a deep canvas used in the Datadog application chrome (the platform itself is dark-first).

DigitalOcean brand palette anchored on DigitalOcean Blue (#0080FF) — the signature blue of the waving-ocean mark and the principal accent across digitalocean.com and the DigitalOcean control panel. The palette pairs DigitalOcean Blue with a deeper Navy used on dark-mode marketing surfaces and a neutral ramp for body copy and UI surfaces.

Discord corporate palette, anchored on Blurple (#5865F2) — the saturated indigo-purple that has been Discord's signature brand color since the 2021 brand refresh (an updated, more accessible hue evolved from the original 2015 #7289DA Blurple). The Discord product is dark-first: the canonical client surface renders Blurple and a small set of authored neutrals on a deep gray-blue canvas (#313338 / #1E1F22) that lets motion, emoji, and voice-state color carry the brand voice.

Disney+ corporate brand palette. The streaming service's identity is anchored on a deep navy canvas (#01153E) with the saturated Disney+ Blue (#113CCF) carrying the wordmark, the iconic arc on the "D," and primary CTAs. Disney+ is dark-first: the consumer app, marketing surfaces, and the wordmark all live on near-black or deep-navy canvases with the blue used sparingly as the brand identity accent.

Docker brand palette anchored on Docker Blue (#2496ED) — the signature blue of the Moby whale logo and the principal accent across docker.com and Docker Desktop. The palette pairs Docker Blue with a deeper Navy used in dark-canvas marketing and on Docker Hub chrome, plus a Material-style neutral ramp for body copy and UI surfaces.

DoorDash's brand palette is centered on DoorDash Red (#FF3038), a warm, slightly orange-leaning red that carries the wordmark and the primary CTA across the marketing site and consumer app. The red reads against a near-white canvas with deep neutral text, supported by a small functional ramp. doordash.design documents the design system; the brand voice is direct, friendly, and product-forward.

Dracula is a dark, low-saturation theme built around six accent colors (cyan, green, orange, pink, purple, red, yellow) on a deep purple-grey background. The official spec defines a fixed 10-color palette.

Dropbox's brand palette, anchored on Dropbox Blue (#0061FF) — the signature open-box blue that has carried the brand since its 2017 Collins-led refresh. The institutional voice pairs that saturated blue with a near-black canvas for text-forward marketing and a clean white for product surfaces. Where competing storage brands lean on cool neutrals, Dropbox commits to one strong blue.

Duolingo's brand palette, captured directly from the published brand guidelines at design.duolingo.com. The system is famously animal-named — every color is a creature — and the primary brand color is Feather Green (the Owl), the signature of Duo the mascot. The light-first surface canvas is Snow on Polar, with Eel as the deep ink text color. Secondary characters Macaw (blue), Cardinal (rose-red), Bee (yellow), Beetle (purple), and Fox (orange) round out the playful educational identity. Duolingo's product UI is light-first by default; a dark mode flips Eel to canvas and Snow to text.

Eclipse Foundation brand palette anchored on Eclipse Orange (#F06C02) — the fill of the sun-arc element in the modern Eclipse Foundation logo — paired with a near-black wordmark on a clean white canvas. The Foundation stewards the Eclipse IDE, Jakarta EE, Adoptium (Temurin), Mosquitto, Vert.x, MicroProfile, and a broad portfolio of working groups spanning enterprise, embedded, and research open-source.

Epic Games' brand palette as captured from the live Epic Games Store stylesheet on store.epicgames.com. The store identity is the most reductive in the modern gaming-storefront cohort: a near-black "Ink" canvas (#101014), white-on-black type, and a white primary CTA that inverts to a black-on-white fill. There is no chromatic primary in the storefront chrome — promotional artwork carries color, while the structural identity reads as monochrome. The neutral ramp scales from a true #FFFFFF white through a near-white pale, a mid-fog gray for tertiary text, a deep graphite for secondary buttons (#404044), and a deep ink for the canvas itself. Inter is the declared sans family.

The European Digital Identity (EUDI) Wallet is a European Commission programme rendered through the institutional Europa Component Library (ECL) visual identity. The palette is anchored by the European Commission's Branding blue (#004494) and an EC Primary blue scale that runs from #051036 (Primary-180) up through #D8E0FB (Primary-20), paired with a warm Secondary gold scale (Secondary-180 #8F5600 through Secondary-20 #FFF2DE) used for ceremonial and editorial accents. Status colours follow the ECL feedback set (Info #3860ED, Success #24A148, Warning #F39811, Error #DA1E28). Neutrals are the ECL "Dark" trio plus a blue-tinted Neutral scale.

Comfortable, pleasant color scheme by sainnhe with a forest-inspired green-warm-earth tonality. Designed to be gentle on the eyes during long coding sessions. Three contrast tiers ship upstream — hard, medium, soft — and this atom captures the hard contrast variant. Dark mode is sourced from the dark hard palette; light mode is sourced from the light hard palette. Accents are shared across both modes (fg-mapped accent colors differ per mode).

Sainnhe's Everforest — dark variant at medium contrast. Warm, woodsy green-and-tan palette designed for comfortable long sessions. Soft red/orange/yellow/green/aqua/blue/purple accents on a muted forest-green background.

Sainnhe's Everforest — light variant at medium contrast. Warm cream background with muted, slightly desaturated accents. Pairs visually with everforest-dark.

Fastmail's brand palette, captured directly from the live marketing site (fastmail.com) where the design system exposes a comprehensive named-color token surface on the document root. Fastmail's identity is built on a confident corporate Blue (#0067B9) as the primary action color, a Deep Blue navy (#243959) as the brand-anchor "trust" hue used for the footer canvas, a warm Mellow Yellow (#FBF7EF) page surface, and a four- color "flag" gradient (Pink, Blue, Light Blue, Yellow) that appears as the footer separator.

Figma's brand palette, anchored on the five colored shapes of the Figma mark: orange-red (#F24E1E), coral (#FF7262), purple (#A259FF), cyan-blue (#1ABCFE), and green (#0ACF83), set on a clean white canvas with near-black text. The five mark colors form the brand's primary accent system; the orange-red reads as the signature when a single brand color is required.

Framer's brand palette — a dark-first identity built around Framer Blue (#0055FF) on a near-black canvas. Framer's marketing surfaces lead with a deep black background, large white display type, and the saturated Framer Blue as the single accent for CTAs and key interactive surfaces. Where Webflow and Figma anchor on white, Framer's canvas is black.

GitHub's Primer "dark" color scheme — the canonical dark palette used across github.com when "Dark" theme is selected. Includes canvas, fg, border, and semantic accent tokens.

GitHub Dark Dimmed — the lower-contrast variant of GitHub's Dark theme used across github.com and the GitHub VS Code extension. A muted blue- charcoal canvas (#22272E) with subtle gray borders and a softened blue accent (#316DCA emphasis, #539BF5 fg). Easier on the eyes than the full-contrast GitHub Dark for long reading sessions. Dark mode is sourced directly from @primer/primitives' published dark_dimmed JSON. Light mode is brand-atoms' authored inversion (consumers wanting the canonical GitHub light experience should use github-primer instead).

GitHub's Primer "light" color scheme — the canonical palette used across github.com. Sources base scale colors (white→black, blue/green/yellow/ orange/red/purple/pink, coral) and the system semantic token assignments used by Primer-based products.

The GitHub Primer color system extracted from @primer/primitives. Provides the canonical "GitHub Light" and "GitHub Dark" themes used across github.com, including the full neutral scale (0–13) and eight functional color families (blue, green, yellow, orange, red, purple, pink, coral) at ten stops each. Light mode uses low-numbered neutrals for backgrounds and high-numbered for text; dark mode inverts. Functional scales are tuned per-mode so each role has the correct contrast — the blue used for the primary "link" role is a deeper blue-5 in light and a brighter blue-3 in dark.

Gmail's product palette, anchored on the 2020-refresh envelope mark — a multicolor "M" rendered in the four Google brand hues (Blue, Green, Yellow, Red) with a deeper Crimson accent for the envelope interior. Gmail is a product-brand under the Google parent: the typography and corporate voice inherit from Google, while these envelope-specific swatches are the visual fingerprint of the Gmail mark itself.

Go language brand palette captured verbatim from the Go Brand Book v1.0. The brand is led by Gopher Blue (#00ADD8) and supported by Light Blue (#5DC9E2) and Fuchsia (#CE3262). Secondary swatches add Aqua (#00A29C), Black, and Yellow (#FDDD00). "More colors" sit below as supporting tones (Dark Blue #00758D, Cool Gray #555759, Plum #402B56, Light Gray #DBD9D6). Black is documented as the high-contrast foundation.

Google corporate palette anchored on the four logo colors — Blue (#4285F4), Red (#EA4335), Yellow (#FBBC04), and Green (#34A853) — used across the Google wordmark, the four-color "G" mark, and the Material Design system primaries. Pairs the four chromatic brand-defining hues with a neutral grey ramp drawn from Material Design's surface and text guidance.

Google Cloud Platform palette built around the four signature Google brand hues — Blue (#4285F4), Red (#EA4335), Yellow (#FBBC04), and Green (#34A853) — adapted for cloud-platform surfaces. The Google Cloud sub-brand carries the parent Google four-color identity forward and ties it to a deeper interactive Cloud Blue used in console chrome and on cloud.google.com. The palette pairs the four chromatic hues with a Google neutral ramp anchored on Google Grey 900 for primary text.

The GOV.UK Design System colour palette as published by the Government Digital Service (GDS). The palette is built around GOV.UK Black (#0B0C0C) for ink and GOV.UK Blue (#1D70B8) for the brand link colour, with a yellow focus state (#FFDD00) that is the signature accessibility-driven affordance on every UK central-government service surface. Functional roles (link, link-hover, link-visited, error, success, border, focus, template-background, surface) are published alongside an 11-hue "web palette" (blue, green, teal, purple, magenta, red, orange, yellow, brown, black, white) for chart and illustration use. Light-first; the system targets WCAG 2.1 AA on the GOV.UK template background.

Retro-groove color scheme by morhetz. Warm, low-saturation earth tones organized into dark and light symmetric ramps (dark0..dark4, light0.. light4) plus three intensity tiers of seven accents (bright, neutral, faded). Designed for prolonged reading with reduced eyestrain. Dark mode uses dark0..dark4 as the canvas ramp with bright accents. Light mode uses light0..light4 and pairs with faded accents for warm paper-like contrast.

Pavel Pertsev's Gruvbox — retro-groove dark variant at hard contrast. Uses a darker bg0 (#1D2021) for maximum contrast. Same accent system as the medium and soft variants.

Pavel Pertsev's Gruvbox — retro-groove dark variant at medium contrast. Warm, earthy palette with a bg0 of #282828; comfortable default for long coding sessions. Provides both neutral and bright accent variants.

Pavel Pertsev's Gruvbox — retro-groove dark variant at soft contrast. Uses a slightly lighter bg0 (#32302F) for a gentler look. Same accent system as the medium and hard variants.

Pavel Pertsev's Gruvbox — retro-groove light variant at hard contrast. Uses a brighter cream bg0 (#F9F5D7) for maximum contrast. Same accent system as the medium and soft variants.

Pavel Pertsev's Gruvbox — retro-groove light variant at medium contrast. Warm cream background (#FBF1C7) with dark warm-grey text. Uses "faded" accents tuned for light surfaces.

Pavel Pertsev's Gruvbox — retro-groove light variant at soft contrast. Uses a softer cream bg0 (#F2E5BC) for reduced glare. Same accent system as the medium and hard variants.

The Harvard University brand palette as published in the Harvard SEAS brand style guide (the most accessible authoritative source for Harvard's core institutional Crimson and supporting palette). Crimson (#A51C30) is the dominant institutional colour; the core palette adds saturated reds, greens, blues, yellows, turquoises, and purples that pair with Crimson and Black to produce the editorial voice across Harvard's many surfaces.

HashiCorp brand palette anchored on the corporate HashiCorp Yellow (#FFCD00) — the signature corporate accent used on the HashiCorp parent wordmark — paired with the product-family accents that identify each HashiCorp tool: Terraform Purple, Vault Yellow, Consul Magenta, Nomad Green, Boundary Pink, Packer Blue, Vagrant Blue, and Waypoint Sky. The corporate canvas is a deep near-black used on hashicorp.com and the developer.hashicorp.com chrome.

HBO Max (now branded as Max) corporate palette. The Warner Bros. Discovery streaming service was rebranded from HBO Max to Max in May 2023, retaining the saturated purple-to-blue gradient identity that distinguished HBO Max at launch. The palette is anchored on Max Purple (#B535F6) running through to a deeper blue (#0046FE), on a near-black canvas. The brand is dark-first — the consumer product, marketing surfaces, and the Max wordmark all live on black or near-black surfaces with the purple-blue gradient reading as the brand signature.

HEY's brand palette, captured from the live marketing site (hey.com) where the design system is deliberately utilitarian: pure white page canvas (#FFFFFF), near-black body text (#222222), a bright Bootstrap-era link blue (#0088CC) for action affordance, and HEY's famous bright Yellow (#FFFF00) used as a deliberately loud highlight throughout the product. HEY is authored by Basecamp / 37signals — the design language inherits their opinionated, anti-trend, utility-first stance.

Hugging Face's brand palette, captured from the official brand assets page at huggingface.co/brand (Primary Yellow #FFD21E, Secondary Orange #FF9D00, Neutral Gray #6B7280) and supplemented by the live marketing-site surface colors used on huggingface.co. The brand reads as warm, approachable, and emoji-native: the yellow hug-mark is the identity anchor, the orange is the secondary warm, and a near-white canvas with deep slate text carries the long-form model-and-dataset content.

The IBM Carbon Design System color palette. Twelve scale families (gray, cool gray, warm gray, red, magenta, purple, blue, cyan, teal, green, yellow, orange) plus black and white. Each color family ships ten stops at 10..100 in factors of ten — 10 is the lightest, 100 the deepest. Light mode (Carbon "White" / "g10" themes) uses gray-10 for the page canvas; dark mode (Carbon "g90" / "g100" themes) uses gray-100 / gray-90. Blue 60 is the canonical primary interactive color across all themes.

Carbon's core color palette — IBM's open-source design system color primitives. Includes the Gray 10–100 neutral ramp and the named hue ramps (Blue, Red, Green, Yellow, Magenta, Purple, Teal, Cyan) that underpin Carbon themes (White, Gray 10, Gray 90, Gray 100).

Iceberg by cocopon — a bluish, "icy" dark color scheme with soft pastel accents. Designed for clean, low-distraction syntax with a 16-color ANSI-friendly base.

Iceberg Light variant by cocopon — light counterpart of Iceberg with a cool grey-white background and the same 16-color ANSI base reinterpreted for light surfaces.

Intel's 2020 brand refresh moved the company off its long-standing navy "Intel Blue" onto a paired-blue system: Intel Classic Blue (#0068B5) as the primary identity blue used on the logo and CTAs, with Intel Energy Blue (#00C7FD) as the bright accent for highlights and active states. The supporting palette declared on the live site is a tight neutral ramp from near-white (#F7F7F7) through carbon greys to a dark canvas (#262626), with deeper navy variants (#004A86, #0046C8, #000F28) reserved for hover / pressed states and for high-emphasis hero surfaces.

Corporate palette for JM Family Enterprises, anchored on a deep teal primary with warm gold and signal-yellow accents. Extracted directly from the live jmfamily.com theme stylesheet.

JM Lexus dealer palette built on the standard Lexus luxury system: monochrome black + brushed-silver chrome with a near-white surface, reflecting the parent Lexus visual identity used at every Lexus dealership including JM Lexus in Margate, FL.

JM&A Group palette built around the brand teal (#008D9A) seen in the official wordmark, paired with near-black and white. The teal is one shade off the parent JMFE corporate teal (#008C99) — the same family identity at finer resolution.

A theme inspired by Hokusai's "The Great Wave off Kanagawa" — dark inks (sumiInk), warm winter whites (fuji), and accent palettes named for waves, springs, and seasonal moods. Three official variants ship upstream — Wave (dark default), Dragon (deepest dark), Lotus (light). Dark mode is sourced from the Wave variant; light mode is sourced from the Lotus variant. Both use the same upstream palette dict filtered through their respective theme mapping.

Khan Academy's brand palette, captured directly from the open-source Wonder Blocks design system that powers khanacademy.org. Wonder Blocks publishes the canonical named base swatches — Blue (#1865F2 primary), Green (#00A60E), Gold (#FFB100), Red (#D92916), Purple (#9059FF) — alongside the brand neutrals Off Black (#21242C), Off White (#F7F8FA), and the Khanmigo Eggplant (#5F1E5C) accent reserved for the AI tutoring product line. The brand identity is friendly, classroom-bright, and reader-first. Khan Academy is light-first; the canvas is Off White / White with Off Black ink, and Khan Academy Blue is the primary action color.

Klarna corporate brand palette. Klarna's brand is built on an unmistakable signature: Klarna Pink (#FFA8CD), a warm pastel pink that reads as both consumer-friendly and irreverent, paired with Klarna Black on stark white. The 2018 brand refresh by Doberman and Stockholm Design Lab anchored the identity on this single pink — a deliberate departure from fintech blue conventions, designed to read like a lifestyle brand rather than a payments processor.

Kubernetes brand palette anchored on Kubernetes Blue (#326CE5) — the signature blue of the seven-spoked helm-wheel mark and the principal accent across kubernetes.io. The palette pairs the signature blue with a darker navy used in dark-mode marketing and a neutral ramp for body copy and documentation surfaces. Kubernetes is an open-source project hosted by the Cloud Native Computing Foundation (CNCF); the brand assets are governed by the CNCF brand guidelines and the project's CONTRIBUTING surface.

Linear's brand palette — a dark-first minimal identity built around a desaturated indigo-violet primary (#5E6AD2), Mercury White for light surfaces (#F4F5F8), and Nordic Gray for dark surfaces (#222326). The palette is deliberately restrained: one accent, two canvases, and a tight set of authored neutrals to support a near-monochrome product surface where typography, spacing, and motion carry the brand voice.

LinkedIn corporate palette, anchored on LinkedIn Blue (#0A66C2) — the saturated mid-blue introduced with the 2019 brand refresh and used across the LinkedIn product, marketing materials, and the in-bug wordmark. The palette is light-first: the canonical LinkedIn surface is white with the blue used as the primary identity color and on key interactive surfaces. A small set of supporting accents (warm orange, green for status, near-black for headlines) appears in LinkedIn's published brand guidance.

Loom's brand palette, anchored on Loom Purple (#625DF5) — the signature blue-violet that carries the record-spool mark. Loom (acquired by Atlassian in 2023) keeps its own identity color for the async-video product surface. The institutional voice pairs that purple with a clean white canvas and near-black body text on marketing surfaces.

Lyft's brand palette is anchored on the signature Lyft Pink (#FF00BF) — a saturated, near-fluorescent magenta that has carried the brand since the 2019 rebrand and that ties back to the brand's earliest visual asset, the fuzzy pink "carstache." The pink reads against a near-white canvas with a deep ink for type, supported by a neutral ramp. The Lyft Pro typeface (the brand's custom corporate face) sets headlines and brand chrome.

The original Material Design baseline color system (2014). 19 color families, each with shades 50–900 plus four accent values (A100–A700) where applicable. The de facto reference for any Google-flavored or Material-influenced product before 2022.

The Material Design 3 baseline color scheme generated from seed color #6750A4 (purple). Provides tonal palettes (primary, secondary, tertiary, error, neutral, neutral-variant) at canonical tones, plus full M3 system role mappings for both light and dark schemes.

Palenight variant of the Material Theme — a soft, lavender-tinted dark scheme based on Material's blue-grey 900 surface (#292D3E) with the Material Theme accent palette.

Meta Platforms corporate palette built around the Meta Blue (#0668E1) primary, sitting above the family of Meta-owned product brands (Facebook, Instagram, WhatsApp, Quest). The corporate Meta identity uses a confident blue mark with a clean light canvas; Meta's expressive brand system also employs a vivid multi-color gradient palette across marketing surfaces, with vivid blue, green, red, and purple reading as the brand's color voice.

Microsoft corporate palette anchored on the four-quadrant logo colors (Red #F25022, Green #7FBA00, Blue #00A4EF, Yellow #FFB900) and on Microsoft Communications Blue (#0078D4) — the Fluent / Office system primary used across product UI, the corporate marketing site, and the Microsoft.com chrome.

Microsoft Azure palette anchored on Azure Blue (#0078D4) — the Fluent communications blue carried across the Azure Portal chrome, azure.microsoft.com, and the Azure architecture icon library. The Azure sub-brand uses the Microsoft Fluent neutral ramp and the same Segoe UI typography as the parent brand, but tightens the hue identity around a single blue — distinct from the four-square parent quadrant set — so that Azure surfaces read unambiguously as cloud-platform rather than corporate Microsoft.

Mistral AI's brand palette as captured from the live marketing site (mistral.ai). The brand is dark-first: a near-black "Matt" canvas with a warm cream "Beige" inverse, fronted by Mistral's signature "Sunshine" ramp — a six-stop orange-to-coral arc that travels from sunshine yellow (#FFD900) through marigold and pumpkin to deep ember-red (#E10500). The brand's footer band renders the full Sunshine ramp as a horizontal stripe, which is the visual signature of the identity. Mistral is dark-first; the light mode used on documentation and reading surfaces flips Matt-black to a warm Beige canvas with near-black text.

The Massachusetts Institute of Technology brand palette as published in the MIT Brand Guide. The institutional voice rests on three core swatches — MIT Red (#750014), Silver Gray (#8B959E), and Bright Red (#FF1423) — set against white and black. An expanded palette adds saturated pinks, purples, blues, greens, and a yellow that MIT pairs with the core for editorial and digital surfaces, plus a four-stop neutral gray ramp from Dark Gray 2 to Light Gray 1.

monday.com's brand palette, anchored on Monday Red (#FF3D57) — the signature hot-coral red that has carried the brand since its identity refresh. The institutional voice pairs that red with a clean white canvas and near-black body text. Where competing work-OS brands lean on blues and purples, monday.com commits to a single, energetic red as its identity anchor.

MongoDB's design-token palette, sourced from the open-source LeafyGreen UI library (`mongodb/leafygreen-ui`) — the React component library and design system that backs MongoDB Atlas, Compass, the MongoDB.com marketing surface, and the documentation portal. The palette is anchored on MongoDB Green (#00ED64, the brand-defining signature) and a deep MongoDB Black (#001E2B, a blue-black canvas color, NOT pure black). Six chromatic families (Green, Blue, Yellow, Red, Purple, plus Gray) each ship in a base value with light1/light2/light3 and dark1/dark2/dark3 variants — the "base" is the canonical brand stop, lighter for backgrounds, darker for text/contrast.

Wimer Hazenberg's original Monokai — the canonical TextMate scheme that popularized warm-on-dark syntax highlighting. Recognizable by its pink, green, cyan, orange, and purple accents on a deep olive-grey background.

Mozilla brand palette covering both the corporate Mozilla identity (Mozilla black wordmark with the trailing colon — :: — colored expression on a near-black canvas) and the Firefox sub-brand's signature gradient anchored on Firefox Orange (#FF7139). The palette captures Mozilla's open-web brand voice: dark canvas, expressive accent, restrained neutrals.

Netflix corporate palette built around Netflix Red (#E50914) and a deep-black canvas. The brand is dark-first: the Netflix consumer product, marketing surfaces, and the iconic "N" mark all live on near-black surfaces with the saturated red used sparingly for the wordmark, the mark, and the highest-priority calls to action. The red value is verified from the official Netflix logomark SVG and Netflix's own brand-asset press kit.

Next.js brand palette — black-and-white minimal, dark-first. The Next.js triangle mark is rendered as a monochrome glyph: black on white in light mode, white on black in dark mode. There is no brand-signature hue; identity is carried by the mark, the Geist typeface, and the high-contrast monochrome treatment. Supporting Geist neutral ramps + Vercel functional hues (blue/red/amber/ green) provide UI status colors for the docs site.

Nintendo's brand palette as captured from the live nintendo.com design-system tokens (--theme-color-primary, --theme-color- secondary, --theme-colors-text-*, --theme-color-darkGray*, --theme-color-lightGray*, --theme-colors-descriptionTag-*). The brand is light-first by construction: a white page canvas with the iconic Nintendo Red (#E60012) as the primary accent and a deep navy (#3946A0) as the secondary action. A calibrated neutral ramp from #242424 darkest through #F8F8F8 lightest carries body text, surfaces, and quiet UI chrome. The four "description tag" accents (violet #9531B9, green #2D8513, blue #4B5CCE, red #E60012, charcoal #484848) are the brand's documented secondary palette for product category badging.

Node.js brand palette anchored on Node Green (#5FA04E), the signature green of the hexagon mark following the 2024 brand refresh. The historic green (#339933) and Foundation-PDF Node Green (#68A063) are preserved as supporting tones. The full palette also includes Dark Green (#006837) and Light Green (#39B54A) from the original Node.js Foundation Visual Identity Guidelines, and a neutral set for light and dark canvases.

An arctic, north-bluish color palette. 16 colors organized into four groups (Polar Night, Snow Storm, Frost, Aurora), designed for clean, legible UIs and syntax highlighting in both light and dark ambiances.

Notion's brand palette — radically near-monochrome. The institutional voice is black-on-white (or white-on-black in dark mode); the brand reads as restrained, typographic, and surface-driven. Where competing productivity brands lead with color, Notion leads with whitespace and type. This atom captures only the verified mark and surface tones; in the product, additional accent colors exist for callouts and tags but those are not published as brand-level hex values and are not catalogued here to avoid fabrication.

npm brand palette anchored on npm Red (#CB3837) — the fill of the iconic red-square mark that wraps the lowercase "npm" wordmark — paired with black, white, and a quiet grey supporting scale. The registry's visual identity is developer-direct: a red rectangle, a lowercase wordmark, and no decoration. npm is owned by GitHub (a Microsoft subsidiary) but retains a distinct mark from both parents.

NVIDIA's corporate palette is anchored on the signature NVIDIA Green (#76B900) — the chartreuse accent that has identified the wordmark and "eye" logomark since the 2006 brand refresh and survives the more recent identity work as the single colored hue allowed on the primary mark. The supporting palette on nvidia.com is otherwise monochrome: pure black for text and the wordmark, a near-white page canvas (#F7F7F7), and a small neutral ramp for surfaces and rules. A slightly cooler green (#74B71B) appears in CSS as the on-dark pairing for legibility.

Open Color by yeun — a general-purpose UI color scheme of 13 hues (gray, red, pink, grape, violet, indigo, blue, cyan, teal, green, lime, yellow, orange), each at 10 evenly-spaced stops (0..9), plus pure white and black. 132 swatches total. Single-source palette: both light- and dark-mode role mappings select from the same swatch list. Light mode uses low-stop neutrals for canvas and high-stop hues for action color; dark mode uses high-stop neutrals for canvas and lower-stop hues for action color to maintain contrast.

Open Color - a color scheme optimized for UI design. 13 hue families (gray, red, pink, grape, violet, indigo, blue, cyan, teal, green, lime, yellow, orange) each with 10 shades (0 = lightest, 9 = darkest), plus pure white and black.

OpenAI's brand palette as observed on the live marketing site (openai.com). The brand is monochrome-first: a pure-white canvas with pure-black foreground in light mode, inverted in dark, and a calibrated five-stop neutral ramp ("primary" / "secondary" / "tertiary") for surfaces and quiet emphasis. OpenAI's research and documentation surfaces additionally publish a "hue" scale (red, blue, green, yellow, magenta, lime) used in diagrams, code-syntax highlighting, and data visualization. These are preserved here as a documented secondary scale.

Oracle's brand palette, captured from the live oracle.com stylesheet where the design system exposes a named token set on :root (--txtcolor, --thm-base, --thm-accent, --obttn1bg, --linkcolor, --form-error, --form-focusonlgt). The brand reads as conservative corporate: a deep "Oracle Ink" near-black text (#161513), a warm light "Oracle Stone" canvas (#F1EFED), a deep graphite CTA button surface (#312D2A), the historical "Oracle Red" (#C0533F) sampled live as a feature-module accent, and a trust-blue link (#006B8F). The brand is light-first; the dark inversion uses Oracle Coal as a near-black product canvas.

Outlook's product palette, anchored on the Outlook envelope-with-O mark (a deep-navy envelope, a pale-blue flap, and the white "O" ring) and on Microsoft's Communications Blue (#0067B8 / #0078D4) as the primary product action color. Outlook is a product-brand under the Microsoft parent (see brands/microsoft/1.0.0); it inherits Microsoft's Fluent design language, the Segoe UI typographic family, and the enterprise-clear voice.

The University of Oxford brand palette as published in the Oxford visual identity guidelines. The institutional anchor is Oxford Blue (#002147 — Pantone 282), the colour the University has been identified by worldwide for centuries. A secondary palette of named "Oxford" colours (cerulean blue, lemon yellow, charcoal, mauve, peach, potter's pink, dusk, lilac, sienna) supports layouts and editorial accents, with a five-stop neutral set (ash grey, umber, stone grey, shell grey, off white) used selectively alongside the core.

PayPal Holdings, Inc. corporate brand palette. PayPal's identity is carried by a tight, signature blue duotone — the deeper PayPal Blue (#003087) and the brighter PayPal Cobalt (#009CDE) — paired across the two-toned "PP" monogram and the wordmark. The brand canvas is light-first with a near-black ink for body text; the secondary PayPal Gold (#FFC439) drives the "Pay with PayPal" button across the merchant web.

Penpot's brand palette, anchored on Penpot Mint (#31EFB8) — the signature electric mint green that carries the wordmark and the "P" mark of the open-source design and prototyping platform. The institutional voice pairs that mint with a near-black canvas (Penpot's marketing surface is dark-leaning) and white display type. Penpot is open-source under MPL-2.0; its brand assets are published openly.

Perplexity's brand palette as captured from the live answer engine (perplexity.ai) and the docs surface (docs.perplexity.ai). The brand is dark-first by default: a deep "Inky" near-black canvas with a warm "Paper" cream inverse, fronted by Perplexity's signature "Peacock" teal accent — a calibrated cyan-green that appears as the action color across answer cards, citations, and Pro upgrade surfaces. A muted secondary palette of pale-yellow paper tones and OKLCH-pale-cyan neutrals carries the typography. Perplexity is dark-first; the light mode used by users who prefer it flips Inky to a warm Paper canvas with deep ink text.

Pinterest corporate palette, anchored on Pinterest Red (#E60023) — the saturated red that has carried the Pinterest "P" mark and the wordmark since the company's founding. The brand is light-first: the canonical Pinterest product surface is white with the Red used on the mark, the "Save" pin button, and the highest-priority calls to action. The supporting system is a small set of neutrals that let pinned imagery — Pinterest's actual content — carry the visual weight of every surface.

PlayStation's brand palette as captured from the live design system on playstation.com. The PlayStation brand is built around a calibrated blue family — the primary action color (#0070CC bright / #0068BD link / #003697 deep) and the diagonal "PlayStation Blue gradient" that ramps from the deep navy to the bright accent — with a commerce-orange family (#D63D00 / #D53B00 / #AA2F00) reserved for buy / store affordances, and the documented PS Plus yellow (#FCC71D) for the subscription brand mark. The chrome is dual-mode: a paper canvas (#FFFFFF / #F5F7FA) for the marketing site and a deep ink canvas (#121314 / #1F2024 / #17181A) for the console UI and dark-mode hero modules. Typography is the proprietary SST family declared via @font-face as `sst`.

Postman's brand palette, captured from the live postman.com stylesheet where the design system exposes a fully named token set on :root (--demo-brand, --demo-content-*, --demo-bg-*, --demo-border-*). The brand reads as a single saturated orange primary (#FF6C37) against a clean light canvas, with secondary surface tints (a near-white #F9F9F9 and a step warmer #F2F2F2) and a dark "Postman Plum" #140B1E used as the product chrome inversion. Postman's brand is light-first on the marketing surface, dark-first on the product canvas.

The ProPublica palette as deployed on propublica.org. The Pulitzer-winning investigative nonprofit newsroom's identity is built on a quiet warm-white canvas (#F2F1ED), a warm near-black ink (#111110) for body content, and a saturated investigative red (#D92D03) used as the call-to-action and promo accent. The proprietary Feature Headline (serif display) and Tiempos Text (serif body) typefaces — paired with Brut Grotesque (sans) — carry the long-form investigative voice.

PyPI brand palette anchored on PyPI Blue (#3775A9) — the Python-family blue inherited from the PSF logo, paired with Python Yellow (#FFD43B) as the secondary accent and a clean light-grey UI scale. PyPI is a registered trademark of the Python Software Foundation and the "blocks logo" is its distinguishing mark, separate from the two-snake PSF / Python language identity even though both share the blue+yellow color anchor.

Python language brand palette anchored on the two-snake logo's canonical pairing: Python Blue (#3776AB) and Python Yellow (#FFD43B). The PSF logo combines them at equal weight; consumer surfaces typically use blue as the primary identity and yellow as the high-energy accent. A neutral set rounds out the page-level light and dark canvases.

Radix UI's amber scale — 12 semantically labeled steps published in both light and dark variants. A warm yellow-orange. Useful for warnings and highlights. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's blue scale — 12 semantically labeled steps published in both light and dark variants. A clean, slightly cool blue — Radix's default action color. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's brown scale — 12 semantically labeled steps published in both light and dark variants. A natural earthy brown — desaturated warm. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's crimson scale — 12 semantically labeled steps published in both light and dark variants. A vibrant red-pink, slightly cooler than red. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's cyan scale — 12 semantically labeled steps published in both light and dark variants. A bright sky-leaning blue-green, between sky and teal. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's grass scale — 12 semantically labeled steps published in both light and dark variants. A balanced natural green, between jade and lime. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's gray scale — 12 semantically labeled steps published in both light and dark variants. A pure neutral gray with no chroma. The most chromatically restrained Radix neutral. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's green scale — 12 semantically labeled steps published in both light and dark variants. A balanced green suitable for success states. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's indigo scale — 12 semantically labeled steps published in both light and dark variants. A deeper, more violet-leaning blue. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's jade scale — 12 semantically labeled steps published in both light and dark variants. A cool jade-green, between teal and grass. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's lime scale — 12 semantically labeled steps published in both light and dark variants. A bright yellow-green, between grass and yellow. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's mauve scale — 12 semantically labeled steps published in both light and dark variants. A warm, near-purple gray. Pairs well with purple, pink, and red-leaning hues. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's mint scale — 12 semantically labeled steps published in both light and dark variants. A cool, slightly aqua mint green. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's orange scale — 12 semantically labeled steps published in both light and dark variants. A warm orange between tomato and yellow. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's pink scale — 12 semantically labeled steps published in both light and dark variants. A bright magenta-pink, between red and purple. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's plum scale — 12 semantically labeled steps published in both light and dark variants. A muted, pink-leaning purple. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's purple scale — 12 semantically labeled steps published in both light and dark variants. A balanced red-violet, the canonical purple. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's red scale — 12 semantically labeled steps published in both light and dark variants. A balanced red suitable for error states and warm actions. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's sky scale — 12 semantically labeled steps published in both light and dark variants. A bright, light-leaning sky blue. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's slate scale — 12 semantically labeled steps published in both light and dark variants. A cool, near-blue gray. Radix's default neutral for blue-adjacent UIs. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's teal scale — 12 semantically labeled steps published in both light and dark variants. A cool blue-green, between cyan and jade. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's tomato scale — 12 semantically labeled steps published in both light and dark variants. A bold warm orange-red, very close to tomato. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's violet scale — 12 semantically labeled steps published in both light and dark variants. A balanced violet between blue and purple. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

Radix UI's yellow scale — 12 semantically labeled steps published in both light and dark variants. A bright pure yellow. Step 1 is app background, step 9 is the solid brand color, step 12 is high-contrast text. The same step number means the same semantic role across light and dark, with different hex values per mode.

React brand palette captured from the open-source react.dev color module. The brand is dark-first: a near-black canvas (#23272F) is the default surface and React Cyan (#61DAFB) is the historical atom-orbit logo color, which the modern site supplements with a documentation blue ramp (link #149ECA, dark-mode link #58C4DC). Includes the full Gray, Blue, Yellow, Purple, Green, and Red ramps used in the docs.

Reddit corporate palette, anchored on Reddit Orange (#FF4500) — the saturated red-orange that has carried Snoo (the Reddit alien) and the Reddit wordmark since the company's founding. The brand is bi-modal: the legacy and the dominant mobile-app surface read as Reddit Orange on a white canvas, while the modernized "new Reddit" dark theme surfaces the Orange on a near-black canvas (#1A1A1B) inherited from the redesign and retained in the 2023 brand evolution.

The Reuters palette, captured from the published reuters-graphics open-source design tokens. The Reuters identity is anchored by the signature orange ($tr-orange = #FA6400) — the brand's unmissable wire-service accent — paired with a deep navy blue ($tr-dark-blue = #005DA2) for trusted-source links and a tight warm-gray scale for body content. The system also publishes a full 6-step palette across orange, blue, navy, purple, red, yellow, lime, green, and brown for editorial graphics.

Rivian's brand palette is built on a dark-first canvas with the signature Rivian Blue (#004B87) — a deep navy-teal carried on the wordmark and corporate chrome — supported by a warm yellow-lime adventure accent (Rivian Lemon) on the launch R1T/R1S product surfaces, and a small dark-mode neutral ramp. Rivian's marketing site leads with cinematic dark hero modules and outdoor photography; the brand atom declares dark as identity explicitly.

Roblox's brand palette as captured from the live roblox.com "Foundation" design-system tokens (--color-extended-*, --color- surface-*, --color-content-*, --color-system-*, --light-mode-*, --dark-mode-* token families). The brand is dual-mode by construction with a strong dark-mode default on the consumer site: a near-black "Surface 0" canvas (#121215 dark / #FFFFFF light) carries the chrome, with the "System Emphasis" blue (#335FFF, light variant #1446FF, dark variant #528BFF) as the primary identifying action color. The brand has moved away from its earlier red-orange identity toward this calibrated blue palette under the recent Foundation rebrand. A complete extended ramp covers every hue (blue, green, red, yellow, orange, magenta, pink, purple, turquoise, gray) in 14 steps — this atom captures the most-used identity stops and the documented system roles.

All natural pine, faux fur, and a bit of soho vibes for the classy minimalist. Two flavors ship upstream — Main (dark) and Dawn (light) — sharing the same role taxonomy (base, surface, overlay, muted, subtle, text plus six accents: love, gold, rose, pine, foam, iris). Dark mode is sourced from the Main flavor; light mode is sourced from the Dawn flavor. Both are official upstream variants.

Rosé Pine Dawn — the light variant of Rosé Pine. Soft cream paper background with the same six-accent system reinterpreted for light surfaces.

Rosé Pine Moon — a brighter, softer dark variant with cooler purple base tones. Same accent system as the default Rosé Pine.

Rust language brand palette anchored on Rust Orange (#D34516), the signature accent of the gear-and-R mark and the cargo and rust-lang.org marketing surfaces. The full Rust Foundation brand expression pairs the orange with a deeper Rust Dark Blue (#1E2650), a supporting blue for technical content (Rust Blue #28607F), a neutral metallic gray (Rust Silver #67737A), and a green reserved for the database / sustainability surfaces (Rust Green #61784D). Light-mode is canvas- white; dark-mode inverts to a deep, near-black surface set so the orange retains its high-energy role.

Salesforce's design-token palette, sourced from the public Salesforce Lightning Design System (SLDS) repository (`salesforce-ux/design-system`). Twelve chromatic families (Blue, Cloud Blue, Green, Hot Orange, Indigo, Orange, Pink, Purple, Red, Teal, Violet, Yellow) plus warm-gray and cool-gray neutrals. Each family runs 10 → 95 in non-uniform stops; the 10/15/20-band is the darkest, the 90/95-band is the lightest. The documented Salesforce brand-primary color resolves to Palette Blue 50 (#0176D3) — the canonical SLDS interactive blue that ships in the Aloha and Lightning themes. Warm Gray is Salesforce's default neutral scale; Cool Gray is the alternate.

Samsung's corporate palette is anchored on the deep "Samsung Blue" (#1428A0) — the wordmark color and the only chromatic primary on the parent identity. The supporting palette declared on samsung.com is a tight monochrome ramp from white through neutral greys to near-black (#1C1C1C), plus a small set of action accents: a brighter mid-blue (#2189FF / #006BEA) used on CTAs in the dark UX25 system, an "Apple-grey" cool neutral (#6E6E73) for tertiary text on the global US page, plus state colors (success green #007E3B, error red #EF3434, warning orange #F66700).

Shopify's corporate brand palette, distinct from the Polaris product design tokens (which catalog the merchant-admin design system). The corporate identity is anchored on Shopify Green — the heritage #95BF47 leaf-green is preserved in the public Shopify shopping bag mark, while the modernized #008060 ("Tropical Indigo" / current brand green) carries the corporate wordmark and primary actions on shopify.com. The brand canvas is warm-white with deep ink for text; the dark surface set is an authored inversion for product-chrome use.

The Shopify Polaris color palette as shipped by `@shopify/polaris-tokens`. Thirteen base color scales (gray, azure, blue, cyan, green, lime, magenta, orange, purple, red, rose, teal, yellow) each at 16 stops (1..16) where 1 is the lightest and 16 the deepest. Plus alpha-only scales for black and white at 16 stops apiece. The light theme is the Polaris base theme; the dark theme overrides selected role values to invert the canvas. Role mappings are derived from the canonical `themes/base/color.ts` (light) and `themes/dark.ts` (dark) sources in polaris-tokens.

Signal's brand palette is anchored on Signal Blue (#3A76F0) — the saturated brand blue documented in the simple-icons brand database (citing signal.org) and used as the signature accent on the Signal paper-plane / speech-bubble mark, primary CTAs, and the outgoing- message bubble of the desktop and mobile clients. The supporting palette is the published chat-bubble swatch set captured from the deployed signal.org marketing surface — a "color of conversation" spectrum (#2C8948 green, #6A2D8E purple, #C7354C crimson, #FFC107 amber, #BA481E rust, #1A77C0 navy-blue, #7C25B1 violet) that the Signal client uses to color individual chat threads — plus a quiet neutral scale ranging from white (#FFFFFF) to a near-black canvas (#1B1E20) used on the dark-mode chat surface.

Sketch's brand palette, anchored on Sketch Yellow (#FDB300) — the signature warm yellow-orange that has carried the diamond mark since the platform's early days. The institutional voice pairs that yellow with a clean white canvas and near-black body text on marketing surfaces. Where competing design tools commit to blues and purples, Sketch holds to a distinctive warm yellow.

Slack's brand palette, anchored on the signature Slack Aubergine (#4A154B) and the four quadrant colors of the octothorpe mark introduced in the 2019 Pentagram-led rebrand: green, blue, yellow, and a hot pink-red. Aubergine reads as the institutional voice; the four quadrant colors carry the playful, conversational accent layer.

Snapchat's brand palette is anchored on the signature Snapchat Yellow (#FFFC00) — the saturated near-fluorescent yellow that fills the entire ghost-mark canvas, the splash-screen background, and the primary CTA across the Snapchat app and snap.com marketing surfaces. The supporting palette is the published Snap Inc. brand-guidelines spectrum captured directly from the deployed snap.com/brand-guidelines CSS: a darker brand yellow (#FCF000), a warm yellow (#FFD301), pure black (#000000) for the ghost mark outline and wordmark, plus a small secondary scale (Snap blues #0096E5 / #049EEE, magentas #8936B6 / #C195DE, reds #E1143D / #C50A33, greens #00A179 / #00A881, oranges #E57200 / #FF8A00) used in the supporting Snap-Inc. product family.

Sixteen-color palette by Ethan Schoonover designed for terminal and GUI applications. Eight monotones (base03..base3) plus eight accent hues (yellow, orange, red, magenta, violet, blue, cyan, green). Built on precise CIELAB lightness relationships so the dark and light variants share the same perceived contrast — colorscheme inversion is trivial. Dark mode uses base03/02/01 as canvas surfaces and base0..3 as text. Light mode is the symmetric inverse — base3/2/1 as canvas surfaces and base00..base03 as text. Accent hues are mode-stable.

Ethan Schoonover's Solarized — dark variant. Uses Base03/Base02 as background tones and Base0/Base1 as text. Shares the same eight precision accent hues with the light variant.

Ethan Schoonover's Solarized — light variant. A precision 16-color palette designed with carefully chosen CIELAB lightness relationships so the same accent hues read cleanly on both light and dark backgrounds. The light variant uses Base3/Base2 as background tones and Base00/Base01 as text.

Sony's corporate identity is one of the most austerely monochrome in consumer electronics. The Sony wordmark is pure black on white — no chromatic primary, no secondary brand color. The live site on sony.com / sony.co.jp/en backs this with a tight neutral ramp (white through #1F2024 near-black) for surfaces and text, a small set of muted blues (#186FA4 / #2D61BF / #4F83DF) reserved for links and active states, and a desaturated secondary palette of greens, oranges, magentas, and slate-purples introduced on the corporate "Sony Group" template surfaces for product-category signaling.

SoundCloud's brand palette built around the signature SoundCloud Orange — the saturated, near-vermillion accent that fills the waveform mark, the play button, and the primary CTA across the player and marketing surfaces. The brand is light-first historically (white-canvas player chrome) but renders comfortably on dark surfaces; the palette is trimmed: a single-color brand accent, deep near-black ink, and a small neutral scale for body text, dividers, and the waveform's quiet ranges.

SET palette built from the Southeast Toyota Dealers public logo SVG (exploresetoyota.com): Toyota Red with a near-black wordmark and white field. SET reuses the parent Toyota color system rather than maintaining a distinct hue.

Full SETF brand palette as defined on the official SETF Brand Portal (setfbranding.com/colors.html): Toyota Red as the primary with an 8-step gray supporting scale from porcelain (#EDF0F5) to graphite (#38393B).

Spline's brand palette, anchored on Spline Orange (#FF8B14) — the signature warm orange that carries the 3D-cube mark. The institutional voice pairs that orange with a clean white canvas and near-black body text on marketing surfaces, with strong use of 3D rendered hero imagery. Spline holds to a single committed brand hue.

Spotify corporate palette built around Spotify Green (#1DB954, with the brighter #1ED760 introduced as the refreshed primary in the 2015 brand update) and a deep-black canvas. The brand is dark-first: the consumer player, marketing, and the official Spotify logomark all live on black with green reading as the high-energy accent. The black-and-green pairing is the most recognizable element of the Spotify identity.

Square (a Block, Inc. brand) corporate palette. The brand identity is anchored on Square Black — the literal square mark — paired with the saturated Square Blue (#006AFF) used as the primary interactive color and merchant accent. The canvas leans light-first for the seller dashboard and marketing, with the black mark and blue CTAs reading as the signature elements.

The Stanford University brand palette as published in Stanford's Identity Guide. The primary palette is Cardinal red, white, black (#2E2D29 — a warm near-black), and Cool Grey. A digital accent palette adds Digital Red, Digital Blue (links only), and Digital Green (form validation). Black tints in 10% increments expand the neutral ramp. The Identity Guide is emphatic that Cardinal Red is the institutional colour and Digital Red is an accent — not a replacement.

Steam's brand palette as captured from the live store stylesheet on store.steampowered.com. Steam is dark-first by construction: a deep navy "Storefront" canvas with a chalky-blue accent and a signature green CTA family carried over from the early Valve software-store identity. The CSS exposes the live design-system tokens (--gpColor-Green, --gpColor-Blue, --gpColor-ChalkyBlue, --gpColor-LightBlue, --gpStoreDarkerGrey, etc.) which this atom mirrors using the project's swatch-id convention. Steam reads as engineering-utility and gaming-storefront rather than marketing-glossy: the chalky-blue page chrome carries product imagery while the green CTAs (install, buy, play) carry the dominant brand action.

Stripe's brand palette as observed on the live marketing site (stripe.com) and the Stripe Press / newsroom surfaces. Anchored on the signature Stripe Purple (#635BFF) against a deep-navy "Slate" text color and a near-white page canvas with subtle fog-blue tints. The palette is light-first; dark surfaces are used sparingly for headers and high-contrast modules. Functional accents (success-green, orange, magenta, pink) appear in Stripe's gradient surfaces and product illustrations and are preserved here as a documented secondary scale.

Superhuman's brand palette, captured directly from the live marketing site (superhuman.com) where the design system exposes named color tokens on the document root. The brand is built around a deliberate purple — Purple-60 (#714CB6) as the primary identity hue — paired with a Mulberry-Black hero canvas (#241013) for the dramatic dark-first marketing surface, a warm off-white Neutral-0 (#FCFAF7) for light contexts, and supporting natural-world chromatics (Gold-Pro, Orange, Mulberry, Sky, Green, Yellow, Red).

Svelte brand palette anchored on the project's signature flame orange (#FF3E00) — the fill of the flame mark used across svelte.dev, the npm package badges, and the brand assets repo (github.com/sveltejs/branding). Supporting neutrals provide light and dark page canvases.

Tailwind CSS's amber hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm amber/gold chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's blue hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a cool blue chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

The default Tailwind CSS color palette: 22 hue families x 11 shades (50, 100..900, 950) plus pure white and black. Hex values mirror the Tailwind v3.4.17 release (the last release shipping hex form; v4 expresses identical colors in oklch).

Tailwind CSS's cyan hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a bright cool-blue chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's emerald hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a deep emerald-green chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's fuchsia hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a vivid magenta chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's gray hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a true neutral gray scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's green hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a vivid green chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's indigo hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a deep indigo chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's lime hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a vivid yellow-green chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's neutral hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a pure achromatic gray scale (zero chroma). Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's orange hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm orange chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's pink hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm pink-magenta chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's purple hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a vivid red-violet chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's red hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm red chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's rose hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm rose-red chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's sky hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a clear sky-blue chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's slate hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a neutral gray-blue scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's stone hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a warm-leaning neutral scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's teal hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a cool blue-green chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's violet hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a vivid violet chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's yellow hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a bright yellow chromatic scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Tailwind CSS's zinc hue family — 11 stops from 50 (lightest) to 950 (darkest), forming a cool-leaning neutral scale. Use directly as a brand palette or pair with an accent hue from another tailwind-* atom.

Telegram's brand palette is anchored on the signature Telegram Blue (#0088CC) — the saturated sky-blue used on the paper-plane mark, primary CTAs, links, and the outgoing-message bubble of the desktop and mobile clients. The supporting palette is a tonal blue scale captured from the deployed telegram.org marketing surface (light tints for hover states; deeper navy variants for dark-mode surfaces and the iOS gradient mark) plus a quiet neutral scale ranging from white-on-canvas to a deep slate (#212429) used as the dark-mode canvas across the official clients.

Tesla's brand palette is built on Tesla Red (#E82127) and a dark-first canvas. The brand identity is restrained and technical: the saturated red wordmark and "T" mark against a deep, near-black canvas, with white type and a small neutral ramp. Tesla is a dark-first surface in its consumer product (the in-car UI is dark by design) and in its marketing site's hero treatments; the brand atom declares dark as identity.

The Atlantic palette as deployed on theatlantic.com. The 165-year publication's identity is anchored by the signature Atlantic red (#E7131A) — the masthead and ™ accent — paired with a deep graphite ink on a warm cream canvas (#FAF4EB). Secondary desaturated grays and a calm teal-cyan handle data viz and interactive emphasis. The proprietary Lyon (display serif), Atlantic Condensed, Druk (display), Goldwyn, and Graphik (sans) typefaces carry the long-form essay voice.

The Linux Foundation brand palette is anchored on a deep corporate blue scale — LF Dark Blue (#003778), LF Darker Blue (#003764), and LF Bright Blue (#0094FF) — captured directly from the resolved fills of the official LF stacked-color logo distributed via linuxfoundation.org. The Foundation's brand voice is institutional and ecosystem-scaled: stewardship of Linux, Kubernetes, CNCF, OpenJS, and dozens of other industry-spanning open-source projects.

The New York Times palette as deployed on nytimes.com. The brand is paper-toned and ink-led: a near-black "Ink" body color on a bright white canvas, with a small accent set — a desaturated link blue ("Reading Blue"), the masthead's deep red ("Masthead Red"), and a tight gray scale used for rules, captions, and meta. The result reads as authoritative print on screen.

The Verge palette as deployed since the 2022 brand refresh — Vox Media's tech-and-culture publication. The identity reads as digital-native: deep ink (#131313) on quiet off-white, a saturated electric purple (#5200FF) for primary action, and a neon mint (#3CFFD0) for accent emphasis. A secondary "Verge green" (#309875) handles status surfaces. The display face Manuka and the geometric Polysans family carry the editorial voice.

The Washington Post palette, captured from the open-source Washington Post Design System (WPDS) tokens. The brand is a near-black ink ("gray20") on white, with a deliberate blue primary CTA (the WPDS "blue100") and a deep newsroom red reserved for breaking-news and emphasis. WPDS exposes a full 9-step gray scale and tonal ramps across blue, red, orange, green, gold, teal, purple, and pink.

TIDAL's brand palette built on the most restrained pairing in music streaming: pure black, pure white, and a single bright cyan / oxide-blue accent. The brand is dark-first, premium, and audiophile-positioned — TIDAL was founded on the promise of lossless and high-resolution audio, and the visual identity reflects that minimalism: the deep black canvas dominates, the cyan reads as the only chromatic note, and white provides text and reversed wordmark variants. The two-tone palette is the most identifiable element of the TIDAL identity.

TikTok corporate brand palette. TikTok's identity is a chromatic three-color composition: a black canvas as ground, with the signature TikTok Red (#FE2C55) and TikTok Cyan (#25F4EE) offset to create the iconic chromatic-aberration effect on the music- note "d" mark and wordmark. The brand is dark-first: the consumer app, the wordmark, and most marketing surfaces all live on solid black with red and cyan reading as a paired chromatic accent.

A clean, dark theme inspired by the lights of downtown Tokyo at night. Soft blue-violet canvas with bright cool accents (blue, cyan, magenta, green) and warm orange/yellow highlights. The Night style is the default dark variant; Day is the inverted bright counterpart. Dark mode is sourced from the Night style; light mode is sourced from the Day style — both shipped officially upstream.

Bright daytime flavor of Tokyo Night — a paper-light background with the same blue/magenta/cyan accent system, tuned for legibility on light surfaces.

Softer "storm" variant of Tokyo Night with a slightly lighter, blue-tinted background. Easier on the eyes than the canonical "night" flavor while retaining the same accent system.

Toyota Motor Sales corporate palette built around Toyota Red (#EB0A1E) — the canonical primary mark color used across vehicle marketing, the corporate logo, and dealer co-branding worldwide.

Trello's brand palette, anchored on Trello Blue (#0079BF) — the signature board-blue that has carried the kanban-card mark since the platform's early days. Trello (owned by Atlassian since 2017) retains its own brand color while sharing the Atlassian design language for product surfaces. The institutional voice pairs that blue with a clean white canvas and near-black body text.

Twitch (an Amazon company) corporate palette. Twitch's identity is anchored on a single saturated purple — Twitch Purple (#9146FF) — paired with a dark canvas. The brand is dark-first: the consumer product, marketing surfaces, and the Glitch mark all live on near-black surfaces with the purple reading as the high-energy signature. The 2019 brand refresh by Collins simplified the identity to one purple, one mark, and a deliberately gamer-facing voice that distinguishes Twitch from streaming-video conventions.

TypeScript brand palette anchored on TS Blue (#3178C6) — the rounded-square mark fill with the white "TS" lettermark cut out from it. The brand is single-color with white as the reversed-out type; supporting neutrals provide page-level light and dark canvases.

The system color palette of the U.S. Web Design System (USWDS) — the official design system for U.S. federal government websites. Ten hue families (red, orange, yellow, green, mint, cyan, blue, indigo, violet, magenta) plus three neutral families (gray, gray-cool, gray-warm). Each hue ships at grades 5/10/20/30/40/50/60/70/80/90, with a parallel "vivid" variant at the same grades (vivid-90 is intentionally absent in USWDS sources). Plain neutrals (gray) include grades 1–5 in addition to 10..90 plus a true black at grade 100. Light mode uses low-grade neutrals for the canvas; dark mode uses high-grade neutrals for the canvas.

Uber's corporate palette is built on a disciplined monochrome spine: Uber Black (#000000) is the primary brand color, paired with white surfaces and a deep neutral ramp. The Base design system that powers Uber's marketing and rider/driver apps treats black as the dominant chrome, with white space and a small neutral scale doing the structural work. There is no chromatic "signature accent" in the corporate identity — when accent is needed, the product surfaces lean on functional greens and reds rather than a brand-owned hue.

Unity's brand palette as captured from the live unity.com "Mango" design-system tokens (--color-mango-*, --color-gray-*, --color-blue, --color-blue-dark, --color-blue-light token families). The brand is light-first with a black header treatment: a paper canvas (#FFFFFF) carries the primary marketing surface, the page header inverts to a pure-black (#000000) navigation bar, and a calibrated "Mango Blue" (#3358D4) is the primary CTA fill across the deployed CSS. A neutral grayscale ramp from pure white through Mango Gray 950 (#1D1D1D) supports text, borders, and surface chrome. Typography is Inter for sans body, with the proprietary Platform / Nohemi families declared for display use.

Unreal Engine's brand palette as captured from the live unrealengine.com Epic Design System ("EDS") tokens — including the --color-eds.palette.blue.* family (the signature Unreal blue ramp), the --color-eds.fill.primary.* family (default brand action), the --color-background-default ink canvas, and the --color-fill-critical.* and --color-fill-success.* status channels. The brand is dark-first by construction: a deep ink canvas (#101014) carries the chrome, with the signature Unreal Blue (#26BBFF) as the primary action color across the design system. The blue ramp is fully calibrated for both light and dark contexts — #0A2633 deep through #D6F2FF pale — and the brand reads as engineering-precise and cinematic.

Vercel's brand palette, captured directly from the Geist Design System tokens published on the live vercel.com stylesheet. The brand is unambiguously dark-first and largely monochromatic — pure black canvas, pure white foreground, ten-stop neutral scales — with a small set of functional hue ramps (blue, red, amber, green) reserved for status and the documentation surface. Vercel's classical accent blue (#0070F3, ds-blue-600 in Geist) remains the de facto product link color even though the marketing site itself emphasizes the monochrome treatment.

Vue.js brand palette anchored on the two-tone pairing visible in the Vue chevron mark: Vue Green (#4FC08D) on top of a deeper navy (#35495E). The combination is the project's identity across vuejs.org, the Vue logo SVG, and the marketing surfaces. A supporting neutral set provides the page-level light and dark canvases.

Webflow's brand palette, anchored on Webflow Blue (#4353FF) — the signature indigo-blue that carries the wordmark and the "WF" mark. The institutional voice pairs that blue with a clean white canvas and near-black body text on marketing surfaces. Where competing no-code builders lean on multi-color identities, Webflow commits to a single confident indigo with disciplined neutrals.

WhatsApp's brand palette is anchored on the signature WhatsApp Green (#25D366) — the saturated emerald used on the telephone-in-a-bubble mark, the primary CTA, the outgoing-message bubble, and the read- receipt double-check. The supporting palette is a tonal green scale (light tints for chat surfaces, dark teal-greens for the dark-mode client) plus a neutral Teal accent (#075E54) historically associated with the WhatsApp header chrome before the 2020 visual refresh, and a quiet near-black canvas (#0B141A) for the dark-mode chat surface.

The Wired palette as deployed on wired.com (Condé Nast). The identity reads as zine-meets-print: absolute black on cream newsprint, a bright signature red (#EB0000) used aggressively in the masthead and section markers, an espresso brown (#2B1000) for warm body emphasis, and a saturated yellow (#FDC11C / #FFC035) for kicker tags. The proprietary Wired Display, Wired Display Slab, and Wired Mono types — paired with Apercu, Proxima Nova, and Lab Grotesque — carry the magazine voice.

World Omni Financial Corp. palette anchored on the brand teal (#008390) referenced in the corporate stylesheet, paired with a cool gray scale appropriate for a financial-services UI.

X (formerly Twitter) corporate palette. Following the July 2023 rebrand, the X identity is a monochrome black-and-white system — the X mark sits on either a black or white canvas with no chromatic accent. The platform's product surface remains a multi-mode app (default dark "Dim", "Lights Out" pure-black, and light) and the legacy Twitter Blue (#1DA1F2) is retained only as a deprecated reference for historical applications. The canonical brand surface today is the black mark on white, or the white mark on black.

xAI's brand palette as captured from the live site (x.ai). The brand is stark dark-first by construction: a pure-black "Void" canvas (#0A0A0A) with pure-white inverse, a calibrated five-stop neutral ramp for surfaces and quiet emphasis, and a deliberately minimal set of accent colors. The brand reads as engineering-spec minimal — closer to a research paper than a marketing site — with the white-on-black X mark as the dominant visual signature. Two restrained signature accents appear in the live CSS — a bright lime "Spark" (#75FBA6) used for active state and a deep ember "Pulse" (#FF6308) used for the Grok product mark — but the brand's identity is defined first by its absence of color, not its presence.

Xbox's brand palette as captured from the live xbox.com stylesheet. The brand is built around a single, instantly recognizable signature: "Xbox Green" — declared as --brandColorPrimary (#107C10) and --green (#107C10) on the live site, with a hover state of #007738 and an alt darker #044E2A. The brand canvas is dual-mode: a paper canvas for product detail pages and a deep ink (#171717 hero, #201F24 header) for the gaming-focused chrome. The "Xbox Progress" green ramp (#107C10 → #44B01C → #65C914) and the bright lime-stripe accent (#9BF00B) appear on subscription / achievement / Game Pass affordances. Typography is Microsoft's Segoe UI family (--font-family- sans-serif / --uhf-font-family) with SegoeProBlack reserved for hero display modules.

YouTube corporate brand palette. YouTube (a Google LLC service) is anchored on a single saturated red — YouTube Red (#FF0000) — used on the play-button mark, the wordmark accent, and the highest- priority interactive elements. The 2017 brand refresh reduced the identity to this one red and the geometric play-button rectangle. The consumer surface is bimodal: a clean white canvas for the classic light mode and a near-black (#0F0F0F) canvas for the dark-mode product, with both treated as canonical.

Zoom's brand palette, anchored on Zoom Blue (#2D8CFF) — the signature bright communications blue used across the meeting client and marketing surfaces. The institutional voice pairs that blue with a clean white canvas and near-black body text; the dark-mode product surface is a deep neutral that lets the blue sit forward without competing.