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
Primary Secondary Tertiary
Label Field value