Astral Chart
Antique gold on midnight indigo with parchment accents — a hand-inked astrolabe.
Colors
26 tokens
primary#D4AF5C
onPrimary#1A1530
primaryContainer#4A3A1A
onPrimaryContainer#F5E4B8
secondary#BEC6D4
onSecondary#1A1530
secondaryContainer#2E3448
onSecondaryContainer#DDE2EC
tertiary#9B7EDB
onTertiary#1A1530
tertiaryContainer#3D2E66
onTertiaryContainer#D9C8FF
background#0B0A1F
onBackground#E8DDC4
surface#141230
onSurface#D4C9B0
surfaceVariant#1E1B3C
onSurfaceVariant#A89B80
surfaceContainer#181535
surfaceContainerHigh#22204A
surfaceContainerLow#0F0D28
error#C25B5B
onError#1A1530
outline#3A3454
outlineVariant#24213E
scrim#000000
Typography
15 styles
Default font family: Lora
| Name | Font size | Weight | Line height | Letter spacing |
|---|---|---|---|---|
| displayLarge | 57sp | 400 | 64sp | 0.5sp |
| displayMedium | 45sp | 400 | 52sp | 0.25sp |
| 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: 4dpsmall: 8dpmedium: 16dplarge: 24dpextraLarge: 32dpfull: 9999dp
Spacing
6 tokens
none: 0dpextraSmall: 4dpsmall: 8dpmedium: 16dplarge: 24dpextraLarge: 32dp
Elevation
6 tokens
level0: 0dplevel1: 1dplevel2: 3dplevel3: 6dplevel4: 8dplevel5: 12dp
Other
10 tokens
Border
none: 0dpthin: 1dpmedium: 2dpthick: 4dp
Opacity
full: 1.0high: 0.87medium: 0.60disabled: 0.38overlay: 0.32divider: 0.12
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