What is Databricks' primary brand color?

Databricks' brand voltage is a saturated red #eb1600 — the lone color the extraction classifies as a brand layer rather than as structural chrome. It appears 12 times in the captured page, all as background fills on the primary CTA pill ('Get started', 'Try Databricks') and on a single inline highlight in the hero headline ('The database your AI agents deserve' — the word 'database' renders in red). Where every other surface color does structural work — navy as canvas, cream as hero band, gray as body text — the red sits in reserve for a single primary action. There is no secondary red and no hover-state red variant on the captured marketing surface.

What typefaces does Databricks use, and what should I use as substitutes?

Databricks runs DM Sans for every display, heading, body, and nav surface at weights 400–500, and DM Mono for the small uppercase eyebrows and the giant 88px statistic numerics on the customer band. The hero h1 sits at 60px DM Sans weight 500; the h2 at 48px / 500 with -0.48px letter-spacing; body at 14–16px / 400. DM Mono carries the 88px / 400 statistic ('173B transactions'), the 12–16px uppercase eyebrows, and 16px / 500 small-caps labels. Both faces are open-source via Google Fonts — no substitutes are needed. The pairing of DM Sans + DM Mono is itself a deliberate move; the families share metrics, which is why the mix reads as a single typographic voice rather than two.

Why does Databricks use teal-navy instead of pure black or white?

The canvas is `#1b3139` — a deep desaturated teal-navy with a slight green undertone (OKLCH lightness 0.30, chroma 0.03, hue 223). It appears 976 times on the captured page across text (459), border (439), background (6), and shadow (72) roles. The choice sits between pure black (which Snowflake uses) and a slightly-blue near-black (which Linear uses). The teal undertone reads as engineering-credible without committing to a stark dark-mode tone, and it pairs cleanly with the warm cream hero band — the cream-to-teal inversion is the page's primary rhythmic device.

What is Databricks' corner-radius philosophy?

The radius scale is dominated by 20px (14 occurrences) — used on every product card, every customer-stat tile, the awards-band cards, and the testimonial cards. Smaller surfaces use 16px (4) and 6px (3) for buttons and chips; 2px (5) handles small input borders and the narrowest chips. There is no 24px or 32px tier; 20px is the maximum. The radius is generous-soft, sitting between the 8–12px tier most data tools use and the 24px+ tier consumer products lean on. The hero CTA pill renders as a small-radius rounded rectangle rather than a fully-rounded pill — the system never goes to a 9999px pill anywhere on the captured surface.

Databricks Design System

Databricks' marketing system pairs a deep teal-navy canvas with a single Databricks-red CTA, DM Sans display and DM Mono numerics.

About Databricks DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source databricks.com

Analytics & Data
AI & LLM Platforms

Databricks' marketing site inverts the data-cloud convention. Where Snowflake sits on pure white with snowflake-blue voltage and dbt holds an ink-on-cream canvas with orange gradient bursts, Databricks runs a deep teal-navy floor (#1b3139) across most of the page and reserves a saturated red (#eb1600) for the single primary CTA. The hero band sits on a warm cream surface with the headline "The database your AI agents deserve" in DM Sans 60px weight 500, then the page drops into the teal-navy floor for the platform diagram, the product-card grid, the customer band, the awards strip, the "in the spotlight" media wall, and the footer. Six full-bleed inverted bands carry the bulk of the page; cream and white surfaces appear only inside framed dialogs.

The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: 19 color tokens drawn from the 21 clustered hex values rendered on the page — the teal-navy canvas (976 occurrences) as the load-bearing surface, the Databricks red (12 bg occurrences) as the single brand voltage, a soft cool-gray (`#90a5b1`, 360 occurrences) carrying every secondary text and divider role, and a cream off-white (`#eeede9`, 21 bg occurrences) holding the hero band. 20 typography tokens span DM Sans in three display sizes plus body and nav tiers, and DM Mono in 4 mono tiers — the 88px / 400 mono is reserved for the giant statistic numerics on the customer band. 17 components cover the red-pill CTA, the dark `card-product` surface on the teal-navy floor, the cream-hero panel, the awards band, and the form-input ladder.

Feed this file to Claude or Cursor and it reproduces Databricks' specific moves: deep teal-navy as the dominant canvas rather than the white floor most data tools default to, single saturated red on the primary CTA only, DM Sans body + DM Mono statistic numerics, and the 20px-default card radius. The token references resolve cleanly — `{colors.navy-canvas}` for the teal floor, `{colors.databricks-red}` for the CTA voltage, `{typography.numeric-xl}` for the statistic tier. The one move worth borrowing only if your product narrative leans on engineering credibility: the cream-hero into dark-body inversion creates a distinct above-fold-to-below-fold rhythm that flat all-white marketing sites cannot match.

What makes it distinct

Single red voltageDatabricks red #eb1600 appears only on the primary CTA pill and a single inline highlight; 12 occurrences total
Teal-navy as canvasthe deep #1b3139 floor (976 occurrences) carries the platform diagram, product cards, footer, and customer band — six full-bleed bands of inverted chrome
DM Sans + DM MonoDM Sans does every body/display surface at weight 400–500, DM Mono carries 88px statistic numerics and uppercase eyebrows
20px radius defaultthe dominant card radius is 20px (14 occurrences); buttons sit at 6px, statistic tiles at 16px
Cream-cream hero, navy bodythe above-fold hero sits on a warm cream surface, then every band below the fold inverts to the deep teal-navy floor

Live at databricks.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

databricks.com

Explore Databricks

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.