Bubblegum Dream

Soft pink and pastel color palette

24 colors · 15 type styles · 6 radii · 6 spacing tokens

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

Primary Secondary Tertiary
Something needs your attention
Tertiary tone for informational notes
Secondary tone confirms an action
Label Field value
i