Claude
by timvdhoorn
Colors of the Claude desktop app, taken from its own design tokens. Warm neutral grays with the clay accent, in dark and light.
This page is wearing Claude — everything you see is drawn with the theme's own colors.
How to install
- Copy the theme JSON with the button above.
- In T3Code, open Settings → Themes → Import theme.
- Paste the JSON and confirm.
source: themes/claude.json
light palette
surfaces
canvas oklch(0.990791 0.001317 106.424)
chrome oklch(0.990791 0.001317 106.424)
surface oklch(1 0 0)
surface raised oklch(1 0 0)
surface overlay oklch(1 0 0)
border oklch(0.915548 0.001343 106.426)
input oklch(0.906417 0.001347 106.426)
text
text oklch(0.186741 0 0)
text muted oklch(0.623304 0.009172 91.533)
placeholder oklch(0.623304 0.009172 91.533)
secondary label oklch(0.339635 0.005142 106.67)
icon muted oklch(0.623304 0.009172 91.533)
accent & controls
focus oklch(0.607809 0.137939 39.006)
accent oklch(0.67242 0.13084 38.756)
accent foreground oklch(1 0 0)
secondary oklch(0.95486 0.001329 106.425)
secondary foreground oklch(0.186741 0 0)
muted oklch(0.95486 0.001329 106.425)
muted foreground oklch(0.623304 0.009172 91.533)
accent surface oklch(0.95486 0.001329 106.425)
accent surface foreground oklch(0.186741 0 0)
conversation & code
message surface oklch(0.95486 0.001329 106.425)
message foreground oklch(0.186741 0 0)
message action oklch(0.67242 0.13084 38.756)
message action foreground oklch(1 0 0)
message action hover oklch(0.607809 0.137939 39.006)
code background oklch(1 0 0)
code foreground oklch(0.186741 0 0)
sidebar
sidebar oklch(0.990791 0.001317 106.424)
sidebar foreground oklch(0.186741 0 0)
sidebar muted foreground oklch(0.623304 0.009172 91.533)
sidebar control surface oklch(0.95486 0.001329 106.425)
sidebar row hover oklch(0.961082 0.004132 91.447)
sidebar row active oklch(0.94302 0.004151 91.448)
sidebar row selected oklch(0.94302 0.004151 91.448)
sidebar border oklch(0.915266 0.002686 106.453)
toolbar
toolbar oklch(0.990791 0.001317 106.424)
toolbar foreground oklch(0.186741 0 0)
toolbar border oklch(0.915548 0.001343 106.426)
toolbar control oklch(1 0 0)
toolbar control foreground oklch(0.186741 0 0)
toolbar control hover oklch(0.95486 0.001329 106.425)
terminal
terminal background oklch(0.990791 0.001317 106.424)
terminal foreground oklch(0.186741 0 0)
terminal cursor oklch(0.607809 0.137939 39.006)
terminal selection oklch(0.903725 0.032634 44.356)
terminal scrollbar oklch(0.905524 0.009475 99.996)
terminal scrollbar hover oklch(0.811756 0.01519 102.513)
status
error oklch(0.574768 0.186161 25.234)
error foreground oklch(0.434288 0.139615 25.141)
error surface oklch(0.942632 0.024115 17.588)
warning oklch(0.575256 0.123986 70.845)
warning foreground oklch(0.434623 0.095625 67.628)
warning surface oklch(0.942005 0.048122 84.559)
update oklch(0.527462 0.149691 255.857)
update foreground oklch(0.432731 0.128207 256.542)
update surface oklch(0.943865 0.024603 251.901)
dark palette
surfaces
canvas oklch(0.195735 0 0)
chrome oklch(0.163758 0 0)
surface oklch(0.217787 0 0)
surface raised oklch(0.243144 0.001868 106.538)
surface overlay oklch(0.243144 0.001868 106.538)
border oklch(0.297163 0 0)
input oklch(0.332527 0.001728 106.493)
text
text oklch(0.981562 0.002639 106.448)
text muted oklch(0.623304 0.009172 91.533)
placeholder oklch(0.623304 0.009172 91.533)
secondary label oklch(0.811756 0.01519 102.513)
icon muted oklch(0.623304 0.009172 91.533)
accent & controls
focus oklch(0.67242 0.13084 38.756)
accent oklch(0.67242 0.13084 38.756)
accent foreground oklch(1 0 0)
secondary oklch(0.268618 0 0)
secondary foreground oklch(0.981562 0.002639 106.448)
muted oklch(0.2389 0.001876 106.541)
muted foreground oklch(0.623304 0.009172 91.533)
accent surface oklch(0.268618 0 0)
accent surface foreground oklch(0.981562 0.002639 106.448)
conversation & code
message surface oklch(0.247759 0 0)
message foreground oklch(0.981562 0.002639 106.448)
message action oklch(0.67242 0.13084 38.756)
message action foreground oklch(1 0 0)
message action hover oklch(0.607809 0.137939 39.006)
code background oklch(0.168416 0 0)
code foreground oklch(0.981562 0.002639 106.448)
sidebar
sidebar oklch(0.163758 0 0)
sidebar foreground oklch(0.981562 0.002639 106.448)
sidebar muted foreground oklch(0.623304 0.009172 91.533)
sidebar control surface oklch(0.243144 0.001868 106.538)
sidebar row hover oklch(0.209036 0 0)
sidebar row active oklch(0.231157 0.0019 286.25)
sidebar row selected oklch(0.231157 0.0019 286.25)
sidebar border oklch(0.22645 0 0)
toolbar
toolbar oklch(0.195735 0 0)
toolbar foreground oklch(0.981562 0.002639 106.448)
toolbar border oklch(0.297163 0 0)
toolbar control oklch(0.243144 0.001868 106.538)
toolbar control foreground oklch(0.981562 0.002639 106.448)
toolbar control hover oklch(0.284641 0.001796 106.513)
terminal
terminal background oklch(0.195735 0 0)
terminal foreground oklch(0.981562 0.002639 106.448)
terminal cursor oklch(0.67242 0.13084 38.756)
terminal selection oklch(0.301782 0.026299 41.494)
terminal scrollbar oklch(0.321093 0 0)
terminal scrollbar hover oklch(0.438605 0 0)
status
error oklch(0.669287 0.158569 22.307)
error foreground oklch(0.810745 0.086277 19.111)
error surface oklch(0.247283 0.060742 22.565)
warning oklch(0.810972 0.16443 78.459)
warning foreground oklch(0.810972 0.16443 78.459)
warning surface oklch(0.251414 0.043261 70.538)
update oklch(0.670753 0.136444 253.809)
update foreground oklch(0.811958 0.078831 253.403)
update surface oklch(0.250285 0.058565 254.949)