Full logo lockup
Use the full lockup for most PlanetScale brand placements.
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.
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
#fafafagray-100
#ebebebgray-200
#e1e1e1gray-300
#c1c1c1gray-400
#a1a1a1gray-500
#818181gray-600
#616161gray-700
#414141gray-800
#2b2b2bgray-850
#1a1a1agray-900
#111111Red
red-50
#fffafared-100
#ffe5e9red-200
#fbbfc7red-300
#ff909fred-400
#ff7082red-500
#ff455dred-600
#d92038red-700
#c11027red-800
#8f0718red-900
#341418red-950
#200a0dOrange
orange-50
#fff8f3orange-100
#ffe8d8orange-200
#ffc59borange-300
#fc9c66orange-400
#fd812dorange-500
#f35815orange-600
#b83a05orange-700
#962d00orange-800
#672002orange-900
#3c1403orange-950
#240b00Yellow
yellow-50
#fffbe4yellow-100
#fff1a8yellow-200
#fed54ayellow-300
#f2b600yellow-400
#d19f03yellow-500
#a78103yellow-600
#7d5903yellow-700
#5c4716yellow-800
#41320cyellow-900
#281e03yellow-950
#171101Green
green-50
#effff3green-100
#d7fbdfgreen-200
#a9ecb8green-300
#75db8cgreen-400
#40d763green-500
#27b648green-600
#13862egreen-700
#19652agreen-800
#10481dgreen-900
#0a2b13green-950
#041a0aBlue
blue-50
#f3fbffblue-100
#ddf2ffblue-200
#a9dffeblue-300
#73c7f9blue-400
#47b7f8blue-500
#1e9de7blue-600
#0b6ec5blue-700
#144eb6blue-800
#0e3682blue-900
#08204eblue-950
#04122ePurple
purple-50
#f9f8ffpurple-100
#eeeaffpurple-200
#d4c9fepurple-300
#b7a5fbpurple-400
#a18bf5purple-500
#8467f3purple-600
#5e49afpurple-700
#4b3990purple-800
#3e1f75purple-900
#27124apurple-950
#180636Typography
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'