Warm. Calm.
Intentional.

A low-chroma palette built from plum, clay, mist & stone — tuned in OKLCH with APCA-informed contrast for light & dark modes.

Explore Widgets View Palette GitHub ↗

Colors

Palette & Tokens

Semantic tokens adapt automatically between light and dark modes. Every swatch below reflects the current theme.

Background
--color-bg
Surface
--color-surface
Raised
--color-raised
Text
--color-text
Muted
--color-muted
Border
--color-border
Accent
--color-accent
Accent Soft
--color-accent-soft
Cool
--color-cool
On Accent
--color-on-accent

Typography

Type Scale

Inter across the full weight range, from display headlines to compact meta labels.

Display
Heading One
Heading Two
Heading Three

Body text — designed for comfortable long-form reading. The warm stone canvas keeps the eye relaxed while plum-tinted text maintains a calm, readable rhythm across paragraphs.

Small / Meta · 13px · Strong weight for compact labels

Components

Widget Playground

Interactive UI elements using the inm palette. Toggle dark mode to see adaptive tokens in action.

Buttons

Badges

Active Stable Draft v2.4 OKLCH

Form Controls

Segmented Control

Toggles

Notifications
Receive email alerts
Analytics
Share usage data
Auto-save
Save every 30 seconds

Statistics

12k
Users
94%
Uptime
3.2s
Avg Load

Progress

Design Tokens100%
Component Library72%
Documentation45%

Team Members

S
su2u4
Compiler Expert
Owner
Y
YuevUwU
MEOW
Member
G
Gua
Youtuber
Member
J
JustASlime
Touching Grass
Viewer

Toasts

Changes saved successfully.
!
API rate limit approaching.

Elevation

Flat
Item
Panel