All themes
Paper Warm themePro
Letterpress warmth: Roboto Slab headings on DM Sans, terracotta on cream, soft warm shadows and gentle pacing. Part of Pro theme packs. Radius 0.5rem.
Live preview
Install
The CLI writes these variables into your global stylesheet. Every component reads them, so the whole app changes at once.
Paper Warm is a Pro theme pack
Preview it freely. The CSS, Tailwind file, design tokens and the CLI install come with a tealmac UI Pro licence.
Export the tokens
The same theme as Tailwind v4 CSS, plain CSS variables, SCSS, JavaScript, TypeScript, DTCG design tokens, Figma variables and starter files for Swift, Android, Jetpack Compose and Flutter.
Exports of a Pro theme need an active licence.
Contrast report
Measured contrast of every pair. This preset predates the theme gates and is shown as it is.
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 16.88:1 / 4.5:1 | Pass |
| Text on cards | 17.48:1 / 4.5:1 | Pass |
| Popover text | 17.48:1 / 4.5:1 | Pass |
| Muted text on muted | 5.74:1 / 4.5:1 | Pass |
| Muted text on background | 6.37:1 / 4.5:1 | Pass |
| Primary button text | 6.21:1 / 4.5:1 | Pass |
| Secondary button text | 15.2:1 / 4.5:1 | Pass |
| Accent label | 11.55:1 / 4.5:1 | Pass |
| Sidebar text | 16.29:1 / 4.5:1 | Pass |
| Sidebar active item | 6.21:1 / 4.5:1 | Pass |
| Sidebar hover item | 11.55:1 / 4.5:1 | Pass |
| Primary on background | 5.94:1 / 3:1 | Pass |
| Focus ring on background | 5.94:1 / 3:1 | Pass |
| Destructive on background | 4.57:1 / 4.5:1 | Pass |
| Destructive on cards | 4.73:1 / 4.5:1 | Pass |
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 17.54:1 / 4.5:1 | Pass |
| Text on cards | 16.43:1 / 4.5:1 | Pass |
| Popover text | 16.43:1 / 4.5:1 | Pass |
| Muted text on muted | 6.35:1 / 4.5:1 | Pass |
| Muted text on background | 7.7:1 / 4.5:1 | Pass |
| Primary button text | 6.74:1 / 4.5:1 | Pass |
| Secondary button text | 14.47:1 / 4.5:1 | Pass |
| Accent label | 11.14:1 / 4.5:1 | Pass |
| Sidebar text | 16.94:1 / 4.5:1 | Pass |
| Sidebar active item | 6.74:1 / 4.5:1 | Pass |
| Sidebar hover item | 11.14:1 / 4.5:1 | Pass |
| Primary on background | 6.85:1 / 3:1 | Pass |
| Focus ring on background | 6.85:1 / 3:1 | Pass |
| Destructive on background | 6.67:1 / 4.5:1 | Pass |
| Destructive on cards | 6.25:1 / 4.5:1 | Pass |