darkgradient-heavytechnicalbold
PlanetScale Colors & Fonts
What colors and fonts does PlanetScale use? Serverless MySQL platform. Purple gradients, dark, technical.
PlanetScale Color Palette
Primary: #F72585
Primary
#F72585Brand, accents
Background
#000000Main background
Surface
#0D0D0DCards
Border
#262626Dividers
Text Primary
#FFFFFFHeadings
Text Secondary
#A1A1A1Body text
Gradient Purple
#7209B7Gradients
What Font Does PlanetScale Use?
PlanetScale uses Inter and Inter
Headings
Inter
700google
Body Text
Inter
400google
Code
JetBrains Mono
400google
Spacing & Radius
Spacing Scale
Base: 4px
48162432486496
Border Radius
Small
4pxMedium
8pxLarge
16pxPlanetScale Tailwind Config
Copy this config to your project
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'primary': '#F72585',
'background': '#000000',
'surface': '#0D0D0D',
'border': '#262626',
'text-primary': '#FFFFFF',
'text-secondary': '#A1A1A1',
'gradient-purple': '#7209B7',
},
fontFamily: {
'heading': ['Inter', 'sans-serif'],
'body': ['Inter', 'sans-serif'],
'mono': ['JetBrains Mono', 'sans-serif'],
},
},
},
}Extract PlanetScale's Full Design
Get pixel-perfect colors, fonts, and spacing extracted directly from the live site. Ready for Tailwind and Cursor AI.
Get PromptUI — $19One-time payment · 20 extractions · No subscription
Similar Design Systems
Explore more design systems
Updated: 2025-01-15