Shells · palette variants

30 shells, 3 more palettes each.

The tokens are the whole design system, so a different palette is a different :root block and nothing else. Each variant below is the shell with only its colour tokens swapped — type, radius, gutter and layout are untouched. Light and dark both follow your system setting.

OceanCool blue-grey neutrals, one deep blue.
EmberWarm paper neutrals, burnt orange.
MonoNo hue at all in the neutrals; ink is the accent, categories are muted.

01Editorial

02Dashboard

03Brutalist

04Glass

05Terminal

06Magazine

07Card stack

08Landing

09Settings

10Data table

11Pricing

12Onboarding

13Chat

14Kanban

15Calendar

16Map + list

17Media player

18Docs

19Inbox

20Checkout

21Auth

22Error + empty states

23Profile

24Notifications

25Changelog

26Photo gallery

27Invoice

28Search results

29App page

30Email newsletter