Bubblegum Dream
Soft pink and pastel color palette
Colors
24 tokens
primary#FF6B9D
onPrimary#FFFFFF
primaryContainer#FFD3E0
onPrimaryContainer#5C0028
secondary#C3AED6
onSecondary#2D2D2D
secondaryContainer#E8DCF0
onSecondaryContainer#3D2E4A
tertiary#FFD3E0
onTertiary#4A3040
background#FFF0F5
onBackground#4A3040
surface#FFF5F9
onSurface#4A3040
surfaceVariant#FFE4EE
onSurfaceVariant#6B4D5E
surfaceContainer#FFF0F5
surfaceContainerHigh#FFE8F0
surfaceContainerLow#FFF5FA
error#E84393
onError#FFFFFF
outline#D4A0B9
outlineVariant#F0C8D8
scrim#000000
Typography
15 styles
Default font family: Nunito
| Name | Font size | Weight | Line height | Letter spacing |
|---|---|---|---|---|
| displayLarge | 57sp | 300 | 64sp | -0.25sp |
| displayMedium | 45sp | 300 | 52sp | - |
| displaySmall | 36sp | 400 | 44sp | - |
| headlineLarge | 32sp | 400 | 40sp | - |
| headlineMedium | 28sp | 400 | 36sp | - |
| headlineSmall | 24sp | 400 | 32sp | - |
| titleLarge | 22sp | 400 | 28sp | - |
| titleMedium | 16sp | 500 | 24sp | 0.15sp |
| titleSmall | 14sp | 500 | 20sp | 0.1sp |
| bodyLarge | 16sp | 400 | 24sp | 0.5sp |
| bodyMedium | 14sp | 400 | 20sp | 0.25sp |
| bodySmall | 12sp | 400 | 16sp | 0.4sp |
| labelLarge | 14sp | 500 | 20sp | 0.1sp |
| labelMedium | 12sp | 500 | 16sp | 0.5sp |
| labelSmall | 11sp | 500 | 16sp | 0.5sp |
Shapes
6 radii
extraSmall: 8dpsmall: 12dpmedium: 20dplarge: 28dpextraLarge: 36dpfull: 9999dp
Spacing
6 tokens
none: 0dpextraSmall: 4dpsmall: 10dpmedium: 18dplarge: 28dpextraLarge: 36dp
Elevation
6 tokens
level0: 0dplevel1: 1dplevel2: 2dplevel3: 4dplevel4: 6dplevel5: 8dp
Other
10 tokens
Border
none: 0dpthin: 1dpmedium: 1.5dpthick: 3dp
Opacity
full: 1.0high: 0.90medium: 0.65disabled: 0.40overlay: 0.20divider: 0.10
In context
Preview the theme on real components
★Sample app
Surface container low
Outer container, lowest emphasis
Surface container
Surface container high
Highest emphasis content sits here
Featured card
Card uses primaryContainer with onPrimaryContainer text
PrimarySecondaryTertiary
LabelField value