Introducing Database Traffic Control™: resource budgets for your Postgres query traffic.Learn more
Navigation

Brand assets

PlanetScale brand assets

Logos, colors, and typography for PlanetScale brand usage.

Logos

Use our full logo lockup for most circumstances. Logo assets are available as SVG, PNG, and EPS files with transparent backgrounds and no clear space.

Full logo lockup

Use the full lockup for most PlanetScale brand placements.

Logo mark

Use the mark when space is constrained or the full lockup is already established nearby.

Colors

PlanetScale brand colors are black, white, and orange. Use black and white most of the time, with orange as an accent.

Black

Token
gray-850
Hex
#1a1a1a
RGB
26, 26, 26
Usage
Primary brand color

White

Token
gray-50
Hex
#fafafa
RGB
250, 250, 250
Usage
Primary brand color

Orange

Token
orange-500
Hex
#f35815
RGB
243, 88, 21
Usage
Accent color

Allowed color palette

Use these named shades for illustrations, diagrams, product callouts, and supporting materials.

Gray

gray-50#fafafa
gray-100#ebebeb
gray-200#e1e1e1
gray-300#c1c1c1
gray-400#a1a1a1
gray-500#818181
gray-600#616161
gray-700#414141
gray-800#2b2b2b
gray-850#1a1a1a
gray-900#111111

Red

red-50#fffafa
red-100#ffe5e9
red-200#fbbfc7
red-300#ff909f
red-400#ff7082
red-500#ff455d
red-600#d92038
red-700#c11027
red-800#8f0718
red-900#341418
red-950#200a0d

Orange

orange-50#fff8f3
orange-100#ffe8d8
orange-200#ffc59b
orange-300#fc9c66
orange-400#fd812d
orange-500#f35815
orange-600#b83a05
orange-700#962d00
orange-800#672002
orange-900#3c1403
orange-950#240b00

Yellow

yellow-50#fffbe4
yellow-100#fff1a8
yellow-200#fed54a
yellow-300#f2b600
yellow-400#d19f03
yellow-500#a78103
yellow-600#7d5903
yellow-700#5c4716
yellow-800#41320c
yellow-900#281e03
yellow-950#171101

Green

green-50#effff3
green-100#d7fbdf
green-200#a9ecb8
green-300#75db8c
green-400#40d763
green-500#27b648
green-600#13862e
green-700#19652a
green-800#10481d
green-900#0a2b13
green-950#041a0a

Blue

blue-50#f3fbff
blue-100#ddf2ff
blue-200#a9dffe
blue-300#73c7f9
blue-400#47b7f8
blue-500#1e9de7
blue-600#0b6ec5
blue-700#144eb6
blue-800#0e3682
blue-900#08204e
blue-950#04122e

Purple

purple-50#f9f8ff
purple-100#eeeaff
purple-200#d4c9fe
purple-300#b7a5fb
purple-400#a18bf5
purple-500#8467f3
purple-600#5e49af
purple-700#4b3990
purple-800#3e1f75
purple-900#27124a
purple-950#180636

Typography

Inter is the primary brand font. Roboto Mono is used for code snippets whenever possible.

Inter

Use Regular, Medium, and SemiBold weights for headings and body text. Avoid Bold weights in brand materials.

Roboto Mono

Use Regular, Medium, and SemiBold weights for code snippets. For ASCII diagrams on the marketing site, prefer the system monospace font.

Marketing OpenType

Enable the Inter disambiguation and open numeral variants in marketing contexts.

font-feature-settings: 'ss04', 'cv03', 'cv04'