Inspiration
Palettes and type to borrow
400+ palettes and type pairings from the template catalog. Every text pair in them passes WCAG AA; the sample on each card is drawn only in the palette's own pairs.
- canvas background (dark green) #1c2e10
- frosted tile surface #45563a
- text on dark #ffffff
- app body background #f4f6f7
- app body text #0a2833
- accent lime (chart line, healthy) #8bc34a
- liability salmon #f2b8a8
- primary plum #5b0047
- hero gradient end (raspberry) #8a1d4f
- background #ffffff
- text #0a0a0a
- muted surface #f5f5f5
- muted text #6b6b6b
- stage/deal chip yellow #fef3c7
- sky background (periwinkle) #4652bd
- glass card fill #616bc6
- text on sky #ffffff
- primary violet (active tab text, CTA text) #6d3fd6
- app body background #e9f1f9
- body text #151b24
- background cream #fcfaf8
- text warm charcoal #2c2926
- primary terracotta #b05838
- secondary sage #6f9b7d
- card #f6f3ee
- muted/accent sand #eee9e2
- chart gold #bb8821
- background #fafafa
- card #ffffff
- text #262626
- accent / focus blue #256af4
- selected tint (indigo wash) #eef2ff
- QR ink (warm brown) #3b2f26
- border #e6e6e6
- background #ffffff
- band background #fafafa
- heading text #111827
- body text #4b5563
- primary green #11813b
- border / dashed #e5e7eb
- icon circle #e5e7eb
- background #141414
- card #181818
- secondary surface #1f1f1f
- text #ffffff
- muted text #9a9a9a
- neon primary #28e26c
- border #2e2e2e
- background #ffffff
- text slate #344256
- muted text #5f6e84
- primary blue #2563eb
- muted surface #f1f5f9
- border #e1e7ef
- code block #1e293b
- background #000000
- text #f8fafc
- card #18191b
- secondary/keycap #242529
- border #1f2123
- ring/muted text #cbd5e1
- assistant accent violet #8b7cf6
- background #0e0e10
- card #161618
- text #e6e6e6
- primary slate #7c8a9c
- critical red #e5484d
- in-progress amber #f5a524
- resolved green #30d158
- background warm paper #fbf8f4
- text #1f1f1f
- primary (black) #1f1f1f
- card #ffffff
- secondary sand #f3f0ed
- accent butter yellow #f8e2a5
- ring gold #af840e
- hero blue (deep) #0050b8
- hero blue (bright) #0072e5
- background #ffffff
- text #000000
- muted text #6b7280
- card on blue #0a6cf0
- on-blue text #ffffff
- hero gradient navy #1a2a5e
- hero gradient royal blue #1e40af
- primary blue #2563eb
- text on dark #ffffff
- muted text on dark #c7d2fe
- light background #ffffff
- body text #1a212d
- gradient top indigo #342e91
- gradient bottom violet #5b5bd6
- glass card #6565d8
- text on gradient #ffffff
- button text indigo #342e91
- app surface #e9f1f9
- body text #151b24
- background black #0b0a10
- aurora neon green #00c805
- primary green (button) #10b26c
- glass card #141414
- text #ffffff
- muted label #9ca3af
- light-mode background #faf9f7
- background #ffffff
- text #020617
- primary blue (gradient start) #1a64db
- gradient end #2b6fe1
- muted text #64748b
- border #e2e8f0
- on-blue text #ffffff
- background cream #f5f3ed
- card #fcfcf9
- text/primary #0d0b09
- secondary surface #edebe7
- condition excellent green #0d9a6c
- condition fair amber #bb7808
- condition poor red #ef4444
- background #ffffff
- ink/primary #0b0b0b
- primary foreground #fcfcfc
- secondary/muted #f2f2f2
- border #dedede
- over-budget red #dc2626
- under-budget green #15803d
- background #080a0f
- card #101319
- text #eef0f3
- primary blue (revenue) #547afc
- cost orange #f07a2e
- positive teal-green #1fd6a0
- loss red #db534a
- background #f6f8fa
- text navy #002333
- primary teal #0f7b7d
- secondary mint #deefe7
- accent violet #7857f5
- accent amber #f59e0b
- dark section navy #002333
- background #f9fbfd
- card #ffffff
- text #1b222c
- primary deep teal #2b6470
- dropped red #c0394b
- pending ochre #946a26
- muted surface #edf0f4
- background warm ink #110c08
- panel #1a1410
- text warm paper #f2eee6
- muted text #bbb7af
- at-risk terracotta #d0694a
- healthy warm gray #b5aca1
- rule/border #3a322b
- background #ffffff
- text #171c1c
- primary orange #fd6435
- mint section #eff5f4
- muted text #60716f
- dark section #1a1f1f
- chart teal #3a9f80
- background #f9fafb
- text #050917
- primary orange-red #d63400
- highlight peach #ffe4d9
- dark band navy #050917
- muted surface #f1f5f9
- available green #0e9f6f
- background #f9fafb
- card #ffffff
- text #131720
- primary blue #2463eb
- muted surface #f1f5f9
- border #e1e7ef
- muted text #5f6e84
- background #ffffff
- text #1a212d
- primary amber #f59f0a
- accent amber tint #fff8eb
- muted surface #f3f5f7
- border #e1e7ef
- muted text #5f6e84
- background #ebf1f7
- card #ffffff
- text #0a1018
- primary navy #132139
- input fill #eaf0f7
- muted text #5d6b81
- border #dbe3ec
- background #0a0a0a
- card #141414
- secondary surface #1f1f1f
- text #ffffff
- primary emerald #009969
- border #2e2e2e
- muted label #a3a3a3
- background #000000
- gradient edge rose #9a5670
- gradient edge slate blue #56709e
- light app background #ffffff
- primary slate #0f172b
- muted surface #f1f5f9
- border #e2e8f0
- background #000103
- card surface #04080d
- muted surface #171b22
- text #f2f6f8
- secondary text / eyebrow #a5abb5
- primary (periwinkle) #8394ff
- secondary accent (pink) #ff85db
- background #ffffff
- text #0a0a0a
- primary / hero blue #006bb8
- muted surface #f4f4f5
- success badge #15803d
- border #e5e5e5
- background #f7f8fa
- card #ffffff
- text #091123
- primary blue #1c69e3
- hero/nav navy #0f1a2e
- muted / icon chip #eff2f6
- border #e0e5eb
- background #f3f5f6
- card #ffffff
- text #060e15
- primary teal #007d7d
- accent mint #caf1f0
- border #d0e2e5
- hero overlay #1a1f24
- background #f9fafb
- card #ffffff
- text #131720
- primary indigo-blue #3550d4
- accent tint #eef0fb
- hero gradient light blue #b3c8fb
- border #e5e7eb
- background (warm cream) #f7f4ed
- card #ffffff
- text / dark buttons #1b1b1b
- primary blue #315fff
- accent pink #ffa6f9
- border (ink 12%) #e0ddd6
- background (warm off-white) #f8f4ed
- card #ffffff
- text / primary buttons #1c1c1c
- accent blue #2d5fff
- secondary sand #eeeadd
- score panel lavender #eef0fb
- live pink dot #da1859
- background #000000
- surface / inputs #1f1f1f
- border #242424
- text #fafafa
- muted text #a3a3a3
- primary mint #33cc99
- icon tile #0b1f18
- background (warm paper) #fbfaf6
- dark panel #050a14
- text #110c09
- primary blue #1e64ef
- glow teal #1b5a73
- muted surface #f3f2ee
- border #e6e4e1
- background (warm gray) #f6f6f3
- card #ffffff
- text #101828
- primary blue (toggle) #1447e6
- channel green (organic) #1e7f46
- channel red (paid social) #d52f3e
- channel amber (display) #a46011
- background (stone) #fafaf9
- text #1c1917
- brand cyan (band and decorative fills, dark text) #0ab0ec
- cyan disabled #7fd6f7
- border #e7e5e4
- status amber #b45309
- status green #15803d
- primary (buttons, links) #077ba5
- background (cream) #fbf9f0
- card #f4f2ec
- text (espresso) #34251f
- primary rust #994920
- secondary clay #8e6a56
- muted #e6e4df
- border #d2cdc5
- background (warm off-white) #fcfaf6
- card #ffffff
- text (deep green-black) #05160d
- primary green #00844b
- secondary amber (low stock) #e49e22
- sidebar dark green #0f1f17
- muted #f2eee7
- background (navy-black) #070e1c
- card #0f1827
- text #e1e9f1
- primary amber #f7a830
- accent cyan (coastlines) #3db6cf
- nominal green #3ecf8e
- critical red #f0616d
- background (stone) #fafaf9
- mint brand #84de8f
- text #1c1917
- deep green heading #122b16
- card/white #ffffff
- border #e7e5e4
- background top (warm gray) #e8e4df
- background bottom (lavender) #9088cc
- card #ffffff
- text (ink) #1e1d28
- insights purple #a77ce8
- notebook blue icon #3b82f6
- app background #f3f4f6
- surface #ffffff
- text #111827
- primary blue #0b77d0
- gradient pink #ff4fa3
- gradient orange #ff5a1f
- gradient periwinkle #6b8cff
- background (warm off-white) #fafaf7
- card #ffffff
- text #171717
- primary forest green #0a714e
- nav dark green #021c14
- secondary beige #edede3
- in-progress orange #d97706
- background #ffffff
- text (warm black) #1e1a16
- dark band / primary #1e1a16
- accent lavender #c3b9ff
- secondary sand #eee7dd
- highlight pink #e5559b
- border #e0d9d2
- background #ffffff
- text #1e1d28
- hero orange #c2410c
- hero orange light #c05700
- sidebar surface #f7f7fa
- cursor green #12883e
- cursor magenta #c026d3
- background #ffffff
- text #020618
- primary navy #0f172b
- muted slate text #5f7089
- surface #f1f5f9
- border #e2e8f0
- traffic-light accents #34d399
- focus background top #d4122f
- focus background bottom #e9144a
- short break teal #228377
- long break steel blue #3d6a9e
- text on color #ffffff
- card #ffffff
- card text #151b24
- background #ffffff
- text #0a0a0a
- dark band #1a1a1a
- muted gray text #666666
- surface #f5f5f5
- border #e5e5e5
- background #ffffff
- hero dark #0a0a0f
- text #16171d
- primary indigo #5048e5
- section gray #f9fafb
- border #e2e4e9
- muted text #6b7280
- background (pink) #f2b3de
- surface white #ffffff
- text #0a0a0a
- column gray #f4f4f5
- high priority red #ef4444
- medium amber #cc8308
- CTA black #0a0a0a
- background #ffffff
- hero card gray #f5f5f5
- text / primary #171717
- dark section #1a1a1a
- pastel yellow #fde68a
- pastel blue #bfdbfe
- pastel mint #a7f3d0
- background (washi paper) #f4efe6
- card #f9f6f0
- ink text / primary #0a0a0a
- rust pill #a4441f
- accent oxblood #8b1a1a
- muted ink 8% #e6e1d8
- background (navy) #111422
- card / secondary #212536
- text #ffffff
- muted text #8b90a3
- primary teal #49c5b3
- button teal (dark) #2c8277
- border #33384d
- background #fdfdfc
- section gray #f6f5f4
- card #ffffff
- text / primary #1d212b
- muted text #6a717f
- border #e8e6e3
- live green #178841
- background (warm gray) #f1f0ec
- card #ffffff
- text #1e1c17
- primary orange-red #c43e1d
- pillar purple #9333ea
- pillar green #15803d
- border #d9d6cf
- background #faf8f5
- text #0e0a07
- primary (espresso brown) #5f4738
- accent / CTA amber #f5a93b
- secondary / muted #f3ede7
- accent soft (peach) #f2d1ad
- border #e9e4de
- muted text #6b5a4e
- input border #a28c73
- background #ffffff
- text / primary #1a1a1a
- card surface #e7e7e4
- muted surface #f8f8f7
- border #dfdfdd
- secondary text #5c5c59
- input border #909089
- background #fafafa
- text / primary #0a0a0a
- card #ffffff
- muted #f2f2f2
- border #e6e6e6
- selection blue #6b7fe0
- muted text #5c5c5c
- input border #919191
- background #ffffff
- text / primary #0a0f1a
- gradient pink #f35ba0
- gradient peach #fbc9a8
- panel / secondary #f1f5f9
- border #d9d9d9
- secondary text #5b6170
- input border #8c8c8c
- background #ffffff
- text / border #000000
- CTA orange #ff6a00
- primary pink #f3d4ec
- secondary yellow #f3dc4a
- accent mint #5ff2bf
- muted #f5f5f5
- muted text #595959
- background #f4f6f7
- text #0a2833
- primary teal #0f6e92
- band teal #1a7aa0
- on track green #16a34a
- progressing amber #d47406
- off track red #dc2626
- muted text #4a616b
- input border #7b929e
- background #fafcfd
- text #0b121a
- primary blue #0095d7
- secondary #e5f1f7
- accent sky #d5ecf8
- dark section #0d131b
- border #dbe7ed
- primary (text-bearing) #0077ad
- muted text #4f5f6b
- input border #6699b2
- background #ffffff
- app background #f5f7f9
- text slate #344256
- primary deep green #143e3d
- secondary #e5eaf0
- accent coral (ring) #ea6557
- border #d3dae9
- muted text #627288
- input border #798ebc
- background #ffffff
- text / primary #121417
- accent yellow #ffd129
- sidebar surface #f1f5fb
- border / muted #d2d8e4
- secondary text #5f6773
- input border #7c8db0
- page background #f7f9fb
- card #ffffff
- text #111827
- primary blue #1c6ff5
- illustration navy #111827
- panel gray #eceef1
- border #e2e8f0
- input border #7591b7
- background cream #fff1e2
- text / border #000000
- primary pink #f3b1de
- secondary plum #5d3278
- accent sand #e0c9b3
- muted #e1d5ca
- secondary text #685b50
- background #ffffff
- text #0a0a0a
- primary blue #0073b8
- grid lines #eef2f6
- muted text #656c79
- input glow #cfe6f7
- input border #8c95a6
- background dusty rose #e5dcdd
- text #433234
- primary cocoa #494036
- frame / card #ffffff
- accent coral #f37b68
- secondary text #6b5b5c
- rule #8c7f80
- input border #7d6f70
- background #000000
- text #d9d9d9
- accent gold #fbcf4b
- card #0f0f0f
- secondary surface #1a1a1a
- border #262626
- muted text #8a8a8a
- input border #6b6b6b
- background #ffffff
- text / primary #1a1a1a
- card #fafafa
- secondary #f5f5f5
- border #e6e6e6
- muted text #707070
- input border #949494
- background #ffffff
- text #1a1a1a
- headline black #000000
- tag purple #9333ea
- tag blue #2563eb
- tag amber #b16105
- muted #ebebeb
- muted text #5c5c5c
- input border #939393
- background #fcfcfc
- text #181d25
- primary blue #4d91ff
- secondary pink #fe7cd2
- accent orange #ff811a
- muted #f3f4f6
- border #dcdfe5
- link text #0363ff
- input border #8993a7
- background #f4f4f5
- text #000000
- primary black #000000
- accent peach #f9d4c8
- gradient pink #eda2c0
- card #f8f7f7
- border #e4e4e7
- muted text #52525b
- input border #8c8c99
- background #ffffff
- text / primary #141414
- secondary surface #f5f5f5
- accent #f0f0f0
- border #e6e6e6
- muted text #595959
- input / button outline #8e8e8e
- background #f9f6f1
- text #2e2e2e
- hero panel #e9e0d6
- primary charcoal #2e2e2e
- newsletter panel #f3ede6
- muted text #68635e
- border #e5dfd6
- input border #9c8563
- background peach #f7e5d2
- text #000000
- button pink #f3b1de
- card lavender #bca8f0
- card amber #f4be3c
- card mint #7ee8bc
- card coral #ec7089
- card sky #7dd3f0
- card magenta #c044b0
- placeholder text #6b5647
- background #020407
- text #fafafa
- muted text #9ca3af
- card placeholder #141820
- border #1f242c
- accent #e5e5e5
- input border #57657b
- background #f8f6f1
- text #2a2622
- primary olive #6b6737
- secondary sand #d6cfc2
- accent linen #eae3d7
- dark band #4a433b
- card #fbfaf8
- muted text #6b6259
- input border #9c8c6c
- background cream #f5f2e5
- text / primary forest #172c1d
- card #efece0
- muted text #4f5b52
- border #dcd8c8
- accent crust #a65a26
- input border #92875d
- background #f9fafb
- text #11151d
- primary blue #156bf4
- gradient teal #198571
- accent violet #8c35e3
- card #ffffff
- border #e5e7eb
- muted text #4b5563
- input border #8791a3
- background espresso #2d2220
- header / darker #1f1715
- text cream #f9f5ee
- button sky #afcde6
- button text #1f1715
- muted text #cbbfb2
- border #4a3a36
- input border #856861
- background #ffffff
- text / primary #171717
- secondary #f5f5f5
- border #e6e6e6
- muted text #6b6b6b
- warm shadow tone #3a2a20
- input border #8e8e8e
- background cream #f5f0ea
- surface #ffffff
- text #2e261f
- primary brown #493827
- accent orange #b85a1f
- secondary #f3eee8
- border #e5e7eb
- muted text #6f6259
- input border #828b9e
- background #faf8f5
- text #2a2622
- primary terracotta #a65e3f
- section beige #f0ebe6
- card #f6f4ee
- muted #e8e6e3
- border #e5e0dc
- muted text #6e655d
- input border #9d8a7b
- background #ffffff
- text #1a1a1a
- primary black #000000
- hero photo mid-tone (under scrim) #8a8f96
- secondary #f5f5f5
- border #e6e6e6
- input border #949494
- background #000000
- text #ffffff
- primary/accent (copper) #b67135
- border #2e2e2e
- muted text #a3a3a3
- product skin tone (imagery) #d9a48f
- background (paper) #f8f6f2
- text / borders #0d0d0d
- accent (signal yellow) #ffdd00
- secondary surface #ebe8e0
- muted #e5e3dc
- price/meta gray #686868
- background #000000
- card #121212
- text #ffffff
- muted text #a3a3a3
- secondary/borders #262626
- border line #333333
- background #ffffff
- text/primary #141414
- secondary surface #f5f5f5
- border #e6e6e6
- muted text #707070
- modal scrim #a3a3a3
- background (newsprint cream) #fffbe5
- text #000000
- primary (burnt orange) #b55a0f
- kicker red #d0021b
- secondary (straw) #f8d57c
- accent (blue) #436d9d
- border/dek brown #8a5a2b
- background #ffffff
- text #171717
- primary (rose) #e00029
- surface/secondary #f5f5f5
- border #e6e6e6
- muted text #666666
- background #ffffff
- text #0a0a0a
- primary (teal) #30b0c7
- surface #f5f5f5
- border #e5e5e5
- category: business amber #f59e0b
- category: education violet #8b5cf6
- background #f8fafc
- text (ink navy) #0f1729
- primary (teal) #1f7d74
- accent teal dark #1a6f67
- secondary (slate) #344256
- border #e1e7ef
- hero dark #1c2636
- background #ffffff
- text #171717
- primary (blue) #006fe6
- surface #f5f5f5
- border #e6e6e6
- muted text #666666
- background #ffffff
- text #171717
- primary (money green) #027a0b
- surface/footer #f7f7f7
- border #e6e6e6
- muted text #666666
- background (stone) #e9e7e7
- text #11100e
- primary (taupe/olive) #6b6357
- card #f3f2f2
- secondary #dad8d8
- border #c4c0ba
- background #ffffff
- text #000000
- primary/accent (red) #d91f1f
- surface #f5f5f5
- border #e6e6e6
- muted text #5c5c5c
- background #ffffff
- text/ink #020618
- accent (hot pink) #f25ce8
- muted text #5f646c
- border #020618
- poster dark #000000
- background #fafafa
- text (ink navy) #19192e
- primary (pink) #c9305f
- secondary surface #eeeef1
- mint panel/chart #34cdb3
- blush panel #fde4ec
- border #e8e8e8
- background #ffffff
- text #282c34
- primary (forest green) #2a4f17
- secondary (olive) #657d36
- accent (sage) #98af6a
- muted #f3f5f7
- hero overlay text #ffffff
- background (cream) #f6f5f3
- text #2e2e2e
- primary (sage) #9eb493
- accent (antique gold) #c3a36f
- muted #e8e6e3
- border #dcd9d6
- button dark #2e2e2e
- background (sage) #bacfc4
- text (charcoal) #262626
- primary (off-white) #ebebeb
- primary-foreground (charcoal) #262626
- secondary gray #555555
- polaroid frame #fafafa
- background (warm off-white) #f7f5f1
- text #333333
- primary (ink) #0f172a
- sage accent #8a9a7b
- desert terracotta #c07a55
- border #e2e8f0
- hero overlay text #ffffff
- background (deep teal) #2e6060
- text (cream) #f5f3ef
- primary (gold) #d6a95c
- card #294c4c
- secondary #3f6969
- border #496e6e
- muted accent #d5bc90
- background (peach cream) #fff2e5
- text (cocoa) #4a281c
- primary (burgundy) #7a2936
- secondary (mustard) #d39e17
- accent (olive) #7c9640
- card #fff9f0
- border (rose tan) #e0ccb8
- background #ffffff
- text/primary #000000
- accent (gallery blue) #0066ff
- secondary surface #f5f5f5
- border #e6e6e6
- muted text #5c5c5c
- background (warm white) #fbf7f4
- text (ink navy) #18212b
- primary (poster red) #c42130
- secondary (blush) #f7dee2
- accent (navy) #183559
- card #f7f2ed
- border #e4d9cd
- background (ivory) #f8f6f1
- text/primary (espresso) #2a2622
- accent (blush) #e4d1cd
- ring/rose #b58178
- secondary #f0ebe6
- border #e7e1da
- hero overlay #141210
- background (ivory) #f8f6f1
- text (warm gray-brown) #464039
- primary (taupe) #67594c
- decorative rule (not for text) #a39a90
- accent (blush) #ede0de
- card #fcfbf8
- border #e7e1da
- background #f8fafc
- text (navy ink) #0f1729
- primary (safety amber) #fbbd23
- accent (blue) #156af4
- dark panel #141c2e
- border #e1e7ef
- muted text #64748b
- background #141414
- text #fafafa
- primary (flame orange) #f97015
- card #1c1c1c
- secondary #262626
- border #333333
- muted text #a3a3a3
- background #010101
- text #f8f8f8
- primary (button light) #eeeeee
- card #060606
- input surface #1b1b1b
- muted text #8a8a8a
- border #3a3a3a
- background #0e0e0e
- text #ffffff
- primary (coral) #ff8975
- card #141414
- secondary surface #1f1f1f
- border #2c2c2c
- hero glow violet #b58be0
- background #ffffff
- panel #f7f7f7
- text #111111
- primary/accent (warm orange) #bf4f10
- muted text #666666
- input border #949494
- background #eaeaea
- text #0e0e0e
- card #ffffff
- secondary surface #dbdbdb
- muted text (metadata, greetings) #606060
- input border / theme-dot outline #868686
- decorative hairline rule #afafaf
- theme dot rose #e4a3a8
- theme dot sage #9fbf8f
- hero background #000000
- page background #ffffff
- text #141414
- muted text (meta, captions) #6b6b6b
- hero subtext #a3a3a3
- primary/accent #6142ff
- card/secondary #f4f4f4
- decorative divider #e6e6e6
- input border #8d8d8d
- positive chip #2bd49a
- background #141110
- text #ebe6e0
- muted text (past dates, time off) #8f867f
- card #1c1917
- secondary #24201e
- decorative border #332c28
- accent ember #dc6018
- light tile #e7e0da
- background #000000
- text #ffffff
- accent red (fills, scroll button, dot) #eb1414
- accent red text (links, sold out) #ef4141
- card #0d0d0d
- secondary #1a1a1a
- decorative rule #2e2e2e
- muted text #999999
- background #000000
- text #ffffff
- muted text (sold out, meta) #a3a3a3
- card #0d0d0d
- secondary #1a1a1a
- decorative border #2e2e2e
- background #0a0a0a
- text #f2f2f2
- card #121212
- muted text on dark #9a9a9a
- muted text on light sections #6e6e6e
- accent violet (fills, text on light) #8249df
- violet text on dark #9463e4
- secondary pink (dark sections only) #ef5d8d
- decorative border #242424
- page background (light pages) #ffffff
- text #121212
- muted text on light pages #797570
- photo backdrop deep red #5a0a0a
- nav text muted on dark/photo #d2cfc8
- primary #000000
- accent #7547d1
- decorative border #e6e6e6
- input border #949494
- background #000000
- text #ffffff
- card #0d0d0d
- secondary #1a1a1a
- decorative border #2e2e2e
- sunset orange glow (indicators, active states) #d9772b
- muted text #a3a3a3
- background (paper) #f8f5f1
- text #2f2823
- muted text (excerpts, meta) #786d63
- primary rust #964c2c
- cream on photo / on rust #f7f1de
- sage secondary #d1d7cc
- wheat accent #e0ceae
- card #f6f2ea
- dark wood band #2a1a12
- input border #9d8874
- background #ffffff
- text #121212
- muted/nav text #666666
- primary #000000
- secondary #f5f5f5
- decorative border #e6e6e6
- input border #8e8e8e
- background (cream) #f5f1eb
- text #121212
- frame/primary #000000
- muted nav/meta text #6b6b6b
- secondary #f5f5f5
- decorative border #d9d4cc
- input border #978973
- accent #7547d1
- background #000000
- text #ffffff
- muted text (link columns, meta) #ababab
- sepia highlight #d8c3a0
- dimmed name line (display only) #aeaaa7
- glass nav (80% opacity) #3a3530
- card #0d0d0d
- decorative border #2e2e2e
- background #000000
- text #ffffff
- card #0d0d0d
- decorative border #333333
- muted text #a3a3a3
- secondary #1a1a1a
- background #0d1110
- text (cream) #faf7eb
- helper text on hero #cfcdc6
- muted text (sold out, meta) #8f9693
- primary yellow #f9ce1f
- accent gold #dcb518
- card #151918
- secondary #1e2422
- decorative border #232927
- underline input border on hero #aaa8a0
- light theme background #faf6f0
- light theme text #1c1917
- light theme muted text #6b625a
- light theme primary orange #c3490a
- light theme input border #a58b65
- amber theme background #121212
- amber theme text #f5f5f5
- amber theme primary #f59e0b
- indigo theme background #0b1020
- indigo theme primary fill #6164f1
- indigo theme text accent #a5b4fc
- background #ececea
- text #201f1d
- primary olive #60664c
- secondary taupe (muted text) #6a625b
- card #f3f3f2
- muted surface #e2e1df
- decorative hairline #cfcdc9
- input / outline-button border #8c877d
- background #000000
- text #ffffff
- muted meta text #a3a3a3
- card #0d0d0d
- decorative border #2e2e2e
- haze red (imagery, merch tile tint) #7a2e2e
- music tile border blue (decorative) #2f4f7f
- video tile border amber (decorative) #7a5a2a
- available status green #4ade80
- presale status amber #f5b54a
- background #ffffff
- text #000000
- section gray #f5f5f5
- accent gray #f2f2f2
- decorative border #e6e6e6
- input border (light) #8e8e8e
- label gray #333333
- dark mode bg #0a0a0a
- dark mode muted text #a3a3a3
- dark mode input border #6b6b6b
- page background (light pages) #ffffff
- work grid background #000000
- text on dark #ffffff
- foreground #09090b
- muted text (light pages) #52525b
- primary #18181b
- decorative grid rule #3f3f46
- muted surface #f4f4f5
- input border #8c8c99
- dark mode muted text #a1a1aa
- background (off-white) #f6f5f4
- text #141414
- muted text (labels, captions) #635e59
- accent blue #1a3cff
- secondary #e8e6e3
- muted surface #dddad5
- decorative border #d9d9d9
- background (warm paper) #f4f0ec
- text #262626
- muted text #5c5753
- primary red #c32020
- secondary #e5e0dc
- border / rules #262626
- dark image panel #14131c
- background #fbfaf9
- text #201713
- muted text #6f625b
- primary coral (fills with dark text) #f56a47
- coral text / focus (headline phrase, links) #d9350c
- accent orange #f97a1f
- secondary sand #f1ece4
- decorative border #e7e0da
- input border #a68c75
- positive metric green #0c8158
- positive chip background #ecfbf4
- background #ffffff
- text #000000
- muted text (captions, meta) #5e5e5e
- accent orange (active link, focus) #ce3a00
- muted surface #f5f5f5
- border #000000
- caption on photo (over 60% black scrim) #ffffff
- background #ffffff
- text #000000
- muted text (captions, years) #5e5e5e
- accent orange (name, headings, links) #c2410c
- muted surface #f5f5f5
- border #000000
- campaign tan (imagery only) #d6b98a
- background #fcfaf8
- text #2e251f
- primary #3d3129
- accent terracotta (fills, large text) #dd713c
- terracotta text / links #b2501f
- secondary #f2f0ed
- decorative border #e5e0dc
- nav gray / muted text #6f6760
- background #ffffff
- text #181818
- body text #1c1221
- accent lilac (portrait border, decorative) #c575f0
- lilac role word (display only) #b05be0
- accent strong (dates, labels) #8e3fbf
- rule #181818
- background #fbfaf9
- text #1a1a1a
- secondary #f6f5f4
- accent surface #ecebe9
- muted surface #f1f0ee
- decorative border #e3e1dd
- input border #958d7e
- eyebrow / muted text #6a6a6a
- background coral #ed5d31
- text #000000
- secondary deeper orange #eb4614
- accent #eb4e1e
- muted surface #e14414
- border #000000
- muted text (near-black brown) #1f0c06
- background #ffffff
- text #000000
- muted text #555555
- input border #767676
- primary #000000
- background #f3ebe2
- text #392a22
- accent / headings #9c583b
- muted surface #f0ebe6
- secondary text #7e6558
- background (off-white paper) #f9f7ec
- ink / borders #1a1a1a
- signal red #d62828
- teal block #2e9a9a
- muted text #6b6b6b
- button text on ink #f9f7ec
- background (forest green) #1c3a2e
- text (cream) #f7f2e9
- muted text #c9c4b8
- monogram accent (dusty pink) #d9a5a5
- divider #2f5244
- page base (fallback) #ffffff
- background #ffffff
- text #09090b
- primary #18181b
- muted surface #f4f4f5
- border #e4e4e7
- hero overlay gray #9a9a9a
- background #ffffff
- text / active item #09090b
- inactive list items #3f3f46
- primary #18181b
- muted #f4f4f5
- border #e4e4e7
- background #080808
- text #fafafa
- accent (royal blue) #0040ff
- card #0d0d0d
- secondary surface #1a1a1a
- border / muted #262626
- body gray #a3a3a3
- accent text (links, metrics) #4d7aff
- input border #5f5f5f
- background (ivory) #f3f1ed
- text #141414
- accent (green) #1d731d
- secondary surface #e5e2dc
- muted text #656565
- border #141414
- background #ffffff
- text (slate) #2f3537
- accent (orange) #c44618
- muted surface #f5f5f5
- border #ebebeb
- secondary text #707070
- background #ffffff
- text / active nav #09090b
- inactive nav #71717a
- accent surface #f4f4f5
- border #e4e4e7
- photo tone (pastel sky) #a9cfe0
- background #ffffff
- text #0a0a0a
- accent (green) #1ba34d
- muted surface #f5f5f5
- border #e6e6e6
- overlay label #d4d4d4
- background #ffffff
- text #000000
- primary #171717
- divider #e6e6e6
- muted surface #f5f5f5
- photo accent (teal) #0e6a80
- control border / captions #737373
- background (slate blue) #5b6b7b
- text (cream) #f6f4ee
- secondary surface #4f5964
- card #53616e
- accent #6c7a89
- muted #70808f
- border (warm) #e0dbd1
- dimmed text / labels #ebeae4
- background #ffffff
- text #09090b
- primary #18181b
- muted #f4f4f5
- border #e4e4e7
- photo accent (turquoise) #5ec8d8
- meta text #71717a
- background #000000
- surface / card #0f0f0f
- text (gray) #ababab
- primary (white) #ffffff
- secondary text #8a8a8a
- accent (red) #cb011f
- border #333333
- input border #606060
- background #0a0a0a
- text #fafafa
- heading gray #d1d5db
- secondary surface #1a1a1a
- accent gray #878787
- muted #828282
- border #333333
- background (warm off-white) #fffdf9
- text #121211
- primary #18181b
- muted #f4f4f5
- border #e4e4e7
- scroll cue gray #6b6b6b
- input border / secondary text #6b6b6b
- background #ffffff
- text #0a0a0a
- accent (acid yellow) #eeff00
- secondary surface #f7f7f7
- border #e0e0e0
- muted text #5c5c5c
- input border #5c5c5c
- background (warm linen) #f6f1ea
- text #292623
- pill / secondary #eae2d7
- card #f0e9e0
- accent #e6d7cb
- muted #e2dacf
- border #e5e1dc
- muted text #6b645c
- background #000000
- text #ffffff
- secondary text #a3a3a3
- tag text #8a8a8a
- toggle track #1c2230
- light theme bg #ffffff
- light theme text #141414
- background (lavender white) #f3f1f9
- text (deep indigo) #18112c
- secondary #ddd7ea
- card #ebe7f3
- accent #352956
- muted #e3dfec
- border #d6cfe2
- muted text #6b6280
- input border #8f7cb0
- background #ffffff
- text #000000
- primary #000000
- muted #f5f5f5
- border #ededed
- secondary text #6b6b6b
- input border #6b6b6b
- background #000000
- text #ffffff
- primary (yellow) #ffff00
- accent (lime) #e5ff00
- secondary surface #1a1a1a
- muted #262626
- border #333333
- muted text (dark) #a3a3a3
- background (warm off-white) #faf8f5
- text #2b2b2b
- accent (terracotta) #9f563c
- secondary surface #efebe7
- muted #e9e6e2
- border #dedad3
- caption text #5f5a55
- input border #9a8e79
- background #000000
- text #f2f2f2
- secondary surface #1a1a1a
- muted #1f1f1f
- border / dividers #333333
- muted text #9a9a9a
- background #ffffff
- text #000000
- label gray #595959
- secondary surface #f5f5f5
- border #e6e6e6
- hero render (violet) #8a6fd1
- background #ffffff
- text #000000
- primary #000000
- secondary / muted #f5f5f5
- dark mode bg #000000
- photo tone (ochre) #c9a15a
- background (peach) #f9c8b8
- gradient top (pink) #f28c9c
- text #1a1a1a
- primary (yellow header) #ffd400
- secondary (rose) #ec798c
- card (amber) #ffcc33
- muted #ebc2ad
- ampersand (deep rose) #7d1223
- background #0a0a0a
- card #121212
- text #fafafa
- accent (neon green) #00ff2a
- secondary #1f1f1f
- muted #262626
- border #2e2e2e
- body gray #a3a3a3
- input border #616161
- background (ivory) #f6f2ee
- text #2a2622
- accent (gold) #d4a02a
- body text #181818
- muted #6f6962
- divider #e4ded7
- gold text #8c691c
- input border #9e896f
- background (forest) #1b372a
- text / cream #f5f2eb
- secondary green #244235
- muted green #2a463a
- decorative coral (links use #ba4a39) #e8776a
- image tone (violet) #8b3fd9
- background #faf8f5
- text #3b3b3b
- primary #3b3b3b
- accent (soft gold) #c7ab6b
- secondary surface #efebe7
- muted #e9e6e2
- border #e7e2da
- gold text / focus ring #8a6d2f
- input border #a18d6e
- background #ffffff
- text #0a0a0a
- primary CTA red #dc2626
- card surface #fafafa
- muted #f4f4f5
- border #e4e4e7
- tag violet #7c3aed
- background #f8f6f1
- text #171717
- accent red #d41111
- secondary surface #ebe7e0
- border/rules #171717
- background (cream) #f5f1ea
- primary text / accent (vermilion) #e8341f
- secondary text (warm gray) #6b625a
- divider #e8d6cc
- button fill #c42a17
- body text #3a2f2a
- background (pale teal) #c0dcde
- text #1d1d1d
- accent teal #4a9aa0
- muted text #4b5a5c
- surface #d6e9ea
- accent text #26656a
- dark background #1c1917
- light background #ffffff
- text #14181f
- accent peach #e2af8d
- muted surface #f3f4f6
- muted text on dark #a8a29e
- link blue (primary token) #2662d9
- text on dark #d6d3d1
- accent strong (text on light) #a56840
- background #ffffff
- primary navy #0c1f40
- utility bar navy #2b3a55
- accent violet #5b52c7
- tinted section #f5f5fd
- text #1a212d
- border #e1e7ef
- illustration violet (decorative) #736ad7
- input border #7c96b9
- hero/brand navy-blue #00378f
- deep navy background #0a143d
- accent lime #a8f000
- light section #f3f3f6
- card #ffffff
- slate secondary #5c7284
- text #000000
- dark mode muted text #a3b3c2
- splash overlay #111111
- page background #ffffff
- text #282c34
- on-dark text #ffffff
- muted surface #f5f5f5
- border #e5e7eb
- accent terracotta #9a3b2e
- muted text on dark #d4d4d4
- background #fcfaf8
- text #1f242e
- primary orange #f97015
- secondary green #3b9b63
- accent yellow #ffcc33
- muted #f3f1ed
- border #e5e0dc
- primary strong (text, white-text buttons) #c2410c
- secondary text #5b6472
- background cream #f7f2e9
- text #1d2630
- primary forest green #0b7c57
- mint secondary #e1f5eb
- accent amber #f59b0a
- card #faf8f4
- border #e2dbcf
- secondary text #5b6472
- capacity amber #c97f08
- capacity red #b42318
- background #f1f0ee
- text/dark surface #221e1c
- primary espresso #2e2724
- taupe band #cec1b6
- sand secondary #c6b29f
- hero text cream #eee7dd
- rust accent #b8672e
- rust on dark (focus) #d08a57
- background cream #fffaf0
- primary teal #2ba195
- accent coral #ff6b6b
- text #1f2937
- teal tint #edf7f6
- hero headline mint #5eead4
- star yellow #fbbf24
- primary strong (buttons, links) #1f7a70
- accent strong (buttons) #d03a3a
- secondary text #475569
- background salmon #ff8f8a
- ink #1e0808
- alt light background #f1f0ec
- text #1e1c17
- soft pink band #ffcfcc
- muted text #5a3a38
- background #f9fafb
- primary indigo #4f46e5
- accent amber #f59f0a
- text #1a212d
- success green #059669
- card #ffffff
- border #e5e7eb
- indigo overlay/decoration #6467f2
- secondary text #4b5563
- seats bar amber #b45309
- page black #000000
- card surface #111111
- icon tile #262626
- text white #fafafa
- muted text #a3a3a3
- light section background #fafafa
- ink #141414
- background #fffcfa
- primary gold #d2a056
- text #2e2e2e
- dark secondary #1a1a1a
- section tint #f2eee9
- border #ebe6e0
- check green #15803d
- gold text / icons #8a6423
- secondary text #57534e
- background #fcfaf8
- text #181d25
- primary orange #f97415
- secondary sky blue #0da2e7
- accent green #7eb52c
- muted beige #f5f2f0
- border #e9e6e2
- primary strong (buttons, orange text) #c2410c
- hero keyword on dark #fb923c
- secondary text #5f6672
- background #fefcfb
- primary teal #83c3bd
- secondary peach #f6c6b6
- text #2e2e2e
- blush section #fbeee9
- muted #f4f2f1
- border #e7e3df
- teal text #2d7973
- secondary text #5f5a55
- background black #000000
- surface #141414
- card #0f0f0f
- text white #ffffff
- accent amber #fbbd23
- muted gray #9ca3af
- availability green #22c55e
- background #f9fafb
- text #131820
- primary blue #3c83f6
- CTA orange #f97015
- card #ffffff
- muted #f3f5f7
- border #e1e7ef
- link / small text blue #2563eb
- CTA strong (filled buttons) #c2410c
- secondary text #5b6472
- background #ffffff
- primary deep teal #295151
- utility bar #1e3a3a
- accent coral #f49c7c
- soft section #f7f7f7
- text #1a1a1a
- amber CTA panel #fcc98a
- accent strong #b85a3a
- input border #6b7280
- background cream #faf8f5
- text #282c34
- primary sage #7a9876
- CTA terracotta #a65a44
- accent coral #ff8e6b
- blush splash #f9c8bd
- secondary sand #f3eee8
- terracotta light (decorative) #c97a63
- secondary text #5b5f66
- dark background #1c1c1c
- light background #f8f8f7
- services surface #e9e9e7
- text #2e2e2e
- gold accent #c1a05c
- border #dddad5
- gold text on light #806428
- muted text on dark #b5b5b0
- background #f6f7f9
- text #181b20
- primary blue #1a5fd6
- selected tab tint #c3d6f7
- card #ffffff
- border #e5e7eb
- bright blue (decorative) #2478ff
- meta text #5b6270
- input border #8a919c
- cream background #fef7ec
- dusty rose hero/header #dbbfb2
- primary rose #d39797
- text cocoa #5d3d37
- card taupe #eaded6
- secondary #e4d5cd
- border #cfbaaf
- background #fcfcfc
- text #333333
- primary sage #a7beb2
- accent mint wash #f0f5f2
- surface #f5f5f5
- border #ebebeb
- hero text #ffffff
- primary strong (text, buttons) #4f6b5c
- secondary text #5c5c5c
- input border #8a8a8a
- canvas #f7f9fa
- surface #ffffff
- text #111827
- muted #4b5563
- border #e3e8ef
- primary #2563eb
- on-primary #ffffff
- progress-track #d6deec
- success #15803d
- tip-bg #fffbeb
- tip-text #b45309
- focus #1d4ed8
- surface #ffffff
- canvas #f7f7f7
- text #111111
- muted #6d6d6e
- chip #f4f4f4
- chip-border #8c8c8c
- hairline #e1e1e1
- primary #111111
- on-primary #ffffff
- progress #111111
- focus #2f6fdf
- error #c02828
- surface #ffffff
- text #111827
- muted #4b5563
- tile-border #e5e7eb
- tile-hover #f9fafb
- selected-border #2b89c9
- selected-bg #f0f8fe
- primary #1f2937
- on-primary #ffffff
- focus #2b89c9
- canvas-top #e8ebfa
- canvas-bottom #fff9f1
- surface #ffffff
- text #0b0f19
- muted #5f6675
- border #ccd1df
- input-border #8a92a6
- primary #0b0f19
- on-primary #ffffff
- focus #4b58d1
- new-badge #3a47c4
- error #c0262d
- app bg #f7f7f7
- surface #ffffff
- text #1a1a1a
- muted text #6b6b6b
- segment track #ececec
- input border #8c8c8c
- primary blue #0072e6
- on primary #ffffff
- toggle on #1a8cff
- code bg #1c1f24
- code text #e6e6e6
- focus ring #1a8cff
- page #ffffff
- text #111827
- muted text #6b7280
- card border #e5e7eb
- input border #8c95a2
- primary #111827
- on primary #ffffff
- accent blue #3b82f6
- icon tile #dbeafe
- switch off #d1d5db
- focus ring #3b82f6
- new badge text #1d4ed8
- app sidebar #0f0f0f
- on sidebar #f2f2f2
- muted on sidebar #a3a3a3
- canvas #f6f6f6
- surface #ffffff
- text #1f2937
- muted text #6a717f
- primary blue #1f6fe5
- on primary #ffffff
- field icon green #15803d
- draft badge bg #fdf3c4
- draft badge text #7a5a00
- sheet surface #ffffff
- app bg #f5f5f5
- text #171717
- muted text #666666
- input border #8a8a8a
- primary #404040
- on primary #ffffff
- footer bg #fafafa
- warning bg #fff7e0
- warning text #7a4b00
- focus ring #2563eb
- scrim #a8a8a8
- canvas #fbfbfb
- surface #ffffff
- text #1d1d1f
- muted #595959
- border #e0e3e8
- link #0b57c2
- banner-bg #eef4fc
- series-1 #2f6fdf
- series-2 #b26b00
- series-3 #1f8a4c
- series-4 #d6336c
- series-5 #9c36b5
- canvas #fbfbfb
- surface #ffffff
- text #1d1d1f
- muted #595959
- border #d9dde3
- primary #2563eb
- on-primary #ffffff
- series #2f6fdf
- sparkline-fill #dbe7fb
- grid #eceef1
- focus #1d4ed8
- canvas #fbfbfb
- surface #ffffff
- text #1d1d1f
- muted #595959
- border #d8d9db
- link #0b57c2
- good #1e7d3b
- poor-bar #d93b3f
- warn #b35c00
- good-badge-bg #e1f4e5
- poor-badge-bg #fde4e4
- poor-text #b42318
- canvas #f7f7f7
- surface #ffffff
- sidebar #f3f3f3
- text #171717
- muted #646464
- border #e4e4e4
- control-border #8f8f8f
- nav-active #171717
- on-active #ffffff
- series-accuracy #2563eb
- series-coverage #9333ea
- focus #2563eb
- canvas #f5f9fc
- surface #ffffff
- text #111827
- muted #5b6474
- border #d7dde6
- brand #4a5fe0
- on-brand #ffffff
- brand-disabled #c3ccf0
- teal-accent #0d7480
- promo-link #b04a06
- focus #3346c9
- tile-border #8691a2
- canvas #ffffff
- sidebar #f9fafb
- text #111827
- muted #5f6167
- border #e5e7eb
- control-border #8b8e94
- selected #111827
- primary #111827
- on-primary #ffffff
- thumb-bg #e8e9eb
- focus #3b5bdb
- surface #ffffff
- text #1c1d2e
- muted #52525b
- card #f4f4f4
- card-selected #e2e2e5
- selected-border #24263f
- accent #5850a9
- accent-tint #ece9fb
- gradient-start #3d55c9
- gradient-end #6b3fd4
- checkbox-border #85858f
- dark-preview #24263f
- page-bg #0e0f0f
- frame #171818
- card #202222
- field #262828
- text #ffffff
- muted #a3a6a6
- field-border #6e7272
- accent #d5fe52
- on-accent #0e0f0f
- danger #f26d6d
- on-danger #1a0a0a
- focus #d5fe52
- canvas #f3f4f8
- surface #ffffff
- text #0f1b33
- muted #5b6478
- border #dde3ec
- weekend #f7f9fc
- primary #0b63d6
- on-primary #ffffff
- highlight #eaf3fe
- leave-approved #1f7a4d
- leave-pending #9a5b00
- focus #0b63d6
- canvas #f3f4f6
- surface #ffffff
- text #111827
- muted #5e636e
- border #d2d4d8
- available #e5e7eb
- selected #1f1f1f
- on-selected #ffffff
- slot-border #8a8f99
- focus #2563eb
- unavailable #6b7079
- bg #1c1c1e
- sidebar #1f1f1f
- grid-line #2c2c2e
- text #ececef
- muted #a1a1a8
- accent #7857ff
- on-accent #ffffff
- now #ff4d5e
- event-blue-bg #1d4a5c
- event-green-bg #1e5a3c
- event-red-bg #6a2a22
- focus #a996ff
- bg #141420
- panel #1b1a28
- raised #262536
- border #333240
- text #e8e8f0
- muted #a09fb4
- accent #3b6fe0
- accent-text #7fa3f5
- now-line #e5484d
- due-dot #e5484d
- scheduled-dot #8f8ea6
- focus #7fa3f5
- topbar #18181b
- on-topbar #f4f4f5
- canvas #ffffff
- subtle #f7f8fa
- text #18181b
- muted #5f5d70
- border #e4e4ec
- series #6e56cf
- chip-bg #f1f0f6
- badge #d92d20
- focus #6e56cf
- canvas #f5f5f2
- surface #ffffff
- user-bubble #ededeb
- text #1c1c1a
- muted #62625e
- border #d9d9d5
- table-head #f9f9f8
- primary #1c1c1a
- on-primary #ffffff
- focus #2f6fdf
- icon #6e6e69
- canvas #faf9f5
- surface #ffffff
- user-bubble #f0eee6
- text #1f1e1b
- muted #6a6862
- chip-bg #efede6
- border #dedcd4
- icon #73716a
- accent-mark #d97757
- primary #1f1e1b
- focus #2c6ecb
- canvas #f7f7f7
- surface #ffffff
- text #171717
- muted #646464
- border #e4e4e4
- user-bubble #262626
- on-bubble #ffffff
- success #15803d
- primary #171717
- chip-bg #f3f3f3
- focus #2563eb
- canvas #fafafc
- surface #ffffff
- detail-bg #efedf5
- text #1c1c28
- muted #62627a
- border #dbd9e3
- checkbox #86869b
- accent #e5484d
- tip-bg #ecedf5
- tip-text #4c45b8
- chip-bg #f2f1f8
- focus #4c45b8
- scrim #6f7378
- surface #ffffff
- canvas #e3e5e6
- text #111418
- muted #5a6068
- border #d4d7db
- selected #3b5bdb
- primary #16181b
- on-primary #ffffff
- positive #2f7d32
- control-border #8a9099
- focus #3b5bdb
- page #ffffff
- sidebar #f7f7f8
- text #0d0d0d
- muted text #6e6e80
- note callout #f4f4f5
- input border #8e8ea0
- primary green #0d8567
- on primary #ffffff
- scrim #7f7f7f
- danger #d0342c
- focus ring #10a37f
- tile magenta #c23bb5
- canvas #000000
- card surface #111113
- raised surface #1a191f
- text #f5f5f7
- muted text #857f9a
- input border #615f6b
- primary violet #7857ff
- on primary #ffffff
- focus ring #a996ff
- danger #ff6b6b
- success #4ade80
- page #ffffff
- app surface #f8f8f8
- text #1b1a22
- muted text #6b6880
- primary violet #5b3fd9
- on primary #ffffff
- savings badge bg #d9f5d6
- savings badge text #1e6b2e
- input border #8d8a9c
- nav active pill #e6e3f5
- link #5b3fd9
- focus ring #5b3fd9
- page #ffffff
- text #0e0f0c
- muted text #5d6359
- card border #e8ebe6
- primary lime #9fe870
- on primary #163300
- brand green text #2f5711
- progress track #c9cfc5
- progress fill #163300
- focus ring #163300
- danger #c0281c
- dialog #ffffff
- table header bg #f7f7f8
- text #111111
- muted text #6b6f76
- selected segment #111111
- on selected #ffffff
- mode accent #2f5bea
- available #12883e
- table border #e2e3e6
- secondary button #f0f0f1
- scrim #333333
- focus ring #2f5bea
- page #ffffff
- text #2b2b2b
- muted text #5f6368
- primary #333333
- on primary #ffffff
- icon circle #e6f0ef
- icon #1f6f68
- brand green #02a95c
- border #dcdcdc
- focus ring #1f6f68
- warm canvas #faf9f5
- dialog surface #fcfbf7
- text #141413
- muted text #6b6a64
- primary #141413
- on primary #ffffff
- secondary button border #8f8d86
- link #141413
- scrim #5d5d5d
- focus ring #3b6fd4
- danger #b3261e
- page #f6f6f5
- surface #ffffff
- text #1c1917
- muted text #6b6560
- revenue green #16a34a
- stale red #d12222
- stale badge bg #fde8e8
- publish cyan #5ce1e6
- on publish #0f172a
- scrim over worst-case white photo #595959
- on hero #ffffff
- focus ring #2563eb
- page #ffffff
- panel #fafbfc
- text #111827
- muted text #6b7280
- pill selected #111827
- on pill selected #ffffff
- badge border #8c95a2
- model icon #6d5dfc
- link #111827
- row border #eef0f3
- focus ring #3b82f6
- page #ffffff
- top bar tint #f1f8f7
- text #0c152d
- muted text #5e6275
- primary purple #5b4de6
- env green #1b7a4d
- time pink #d6246e
- doc thumb #0c152d
- on dark #ffffff
- border #dee0e7
- focus ring #5b4de6
- app bg #f7f7f7
- surface #ffffff
- inset #f2f2f2
- text #1a1a1a
- muted text #6b6b6b
- primary blue #006ede
- on primary #ffffff
- code accent #7c3aed
- warning red #d92d20
- border #e4e4e4
- focus ring #0072e6
- page #ffffff
- app bg #fbfbfc
- text #18181b
- muted text #6b6b72
- input border #8e8e96
- danger #dc2626
- on danger #ffffff
- danger disabled #f4b3ab
- warning badge bg #fef3c7
- warning badge text #854d0e
- primary blue #1d6fe0
- focus ring #1d6fe0
- app surface #f4f3f6
- card #ffffff
- dialog #f7f6fa
- text #1d1b22
- muted text #67646f
- danger #d92d4a
- on danger #ffffff
- danger disabled #f6c1c8
- checkbox border #8a8792
- tab active bg #e9e7ee
- focus ring #2563eb
- page #ffffff
- card surface #fafafa
- text #18181b
- muted text #6d6d73
- pill bg #f1f1f2
- danger #e1311a
- on danger #ffffff
- soft danger bg #fde4df
- soft danger text #b42318
- scrim #d1d1d3
- focus ring #2563eb
- outer band #f4f4f4
- content #ffffff
- text #111111
- muted text #5f6368
- link #1155cc
- brand dark #1e1e1e
- divider #dfe0e3
- footer text #666666
- page #f5f5f4
- surface #ffffff
- text #1c1917
- muted text #6b6560
- progress #cc8308
- stale border #d97706
- stale text #92400e
- danger #dc2626
- publish cyan #5ce1e6
- on publish #0f172a
- focus ring #2563eb
- page #ffffff
- panel #f7f7f7
- text #18181b
- muted text #6b6f73
- get badge bg #e0ecff
- get badge text #1d4ed8
- post badge bg #dcfce7
- post badge text #166534
- put badge text #9a3412
- code bg #1e2124
- code text #e5e7eb
- focus ring #16a34a
- app bg #f7f7f7
- card #ffffff
- row bg #f4f4f4
- text #1a1a1a
- muted text #646464
- success #16a34a
- success badge bg #e8f7ee
- success badge text #166534
- failure #c2410c
- focus ring #0072e6
- page background #ffffff
- header band / card inset #f7f8fa
- hairline border #e5e7eb
- input border #8a8f98
- primary text #111827
- secondary text #5f6672
- NEW badge / info accent #2d5bd7
- like heart icon #dc3545
- code text #1f2937
- code comment #667085
- page background #ffffff
- primary text #1f2328
- secondary text #57606a
- tile border #8c959f
- tile selected fill #f1ecfe
- primary / progress fill #6a3de8
- progress track #e4e4e7
- required asterisk #6e7781
- error text #c62828
- gradient top #e0f9ff
- gradient bottom #b9eaff
- unselected card #d3f3ff
- selected card #ffffff
- heading text #1d2733
- body / subtitle text #35505f
- check badge / focus #0a6fd6
- next button #a8dcf5
- step dot inactive #7fa7ba
- step dot active #35505f
- page background #ffffff
- card surface #ffffff
- textarea fill #f4f4f5
- heading / body text #111114
- helper text #4b4b55
- placeholder text #6a6a74
- primary button (enabled) #2463d6
- primary button (disabled) #a9c6f7
- backdrop violet #828fda
- backdrop blue #86a9f1
- focus ring #2463d6
- app background #f7f7f7
- active nav fill #e8e9eb
- primary text #18181b
- secondary text #52525b
- section label #63636b
- primary button #1d6fd8
- link text #1a67cc
- secondary button border #8d8d95
- illustration #ffffff
- support pill #3b82f6
- page background #ffffff
- sidebar active fill #f3f4f6
- primary text #111827
- secondary text #5f6672
- tab underline / focus #1f2937
- chart models #2f6fdf
- chart datasets #c2410c
- chart apps #7c3aed
- chart buckets #0f766e
- ghost preview gray #c2c3c6
- NEW badge text #2d5bd7
- app background #f3f6f9
- card / sidebar surface #ffffff
- primary text #111827
- helper text #58627a
- active nav fill #e7ecfb
- active nav text / icon #3346c9
- primary button #0b0b0f
- group label #5f6675
- input border #8a93a3
- notification badge #4b5563
- app background #f7f7f7
- panel surface #fafafa
- panel border #e0e1e1
- primary text #171717
- secondary text #5c5c5c
- group label #666666
- primary button / active nav #1c1c1c
- brand mark green #15803d
- danger (revoke) #c42b1c
- empty icon #8a8a8a
- sidebar #1a1a1a
- sidebar text #e8e8e8
- sidebar muted #a3a3a3
- main background #ffffff
- primary text #111111
- secondary text #5f6368
- stat value blue #1d4ed8
- bounce red #c5221f
- call icon green #188038
- card border #dcdfe3
- active nav fill #333333
- top bar #0e2b2b
- top bar text #ffffff
- canvas #f9f9f7
- node / panel surface #ffffff
- primary text #1e2a28
- secondary text #56625f
- upgrade button #6fd08c
- warning chip fill #fde68a
- warning chip text #5c4400
- wait/delay border #c9670f
- message border #6a52e8
- stepper check #1e7a47
- canvas #f5f5f5
- node surface #ffffff
- primary text #171717
- secondary text #5c5c5c
- start header #6d4be8
- end header #0f7a5f
- run pill #15803d
- primary button (save) #1c1c1c
- connector line #8e8e8e
- dot grid #e2e2e2
- page background #ffffff
- canvas band #f4f2f3
- primary text #1a1a1a
- secondary text #5c5c66
- active tab / links #1a5fd6
- active sub-nav pill #dbe9fd
- decline outcome #cc3a0f
- challenge outcome #1a66e0
- accept outcome #1b8a4b
- T/F badge #3a3a40
- card border #c9ccd1
- page background #ffffff
- header band / insets #f7f8fa
- primary text #111827
- secondary text #5f6672
- dark primary button #0b0f19
- outline border #8a8f98
- code comment #667085
- keyword highlight #b4233a
- region chip border #d1d5db
- link #2d5bd7
- page background #ffffff
- environment strip #e6f4ea
- environment text #1d6a39
- primary text #1f2330
- secondary text #5f6573
- active view fill #eef0ff
- active view text #4a3fd1
- upload button #5b4de0
- input border #8a8fa0
- thumbnail frame #e6e8ee
- modal surface #ffffff
- preview pane #f1f3f5
- primary text #1a1d21
- secondary text #5a6270
- primary button #1463ff
- options strip #eef0f3
- input border #8a919c
- overlay: high class #d9546a
- overlay: mid class #e5c193
- scrim #0f1115
- page frame #1a1d21
- page background #ffffff
- primary text #1b1b1f
- secondary text #63636e
- primary / download #6a3cf0
- selected card fill #efeefa
- valid badge #157347
- likely badge #1f7a4d
- catch-all badge #a15500
- credit chip fill #fff4cc
- credit chip text #6b4e00
- upgrade pill #d61f69
- card border #e4e4ea
- app background #141420
- column surface #1b1a28
- raised / selected #26253a
- primary text #e8e8f0
- secondary text #a2a2b8
- link / version text #7fb0ff
- day pill fill #2c2b3d
- thread tag fill #4a2a3a
- thread tag text #f3c1d0
- reaction chip #23222f
- border #2e2d40
- send / accent #8aa6ff
- canvas #f5f5f8
- card surface #fbfbfd
- primary text #1d1b22
- secondary text #625f6d
- active marker #d8343b
- tip banner fill #efedfa
- tip text #5040b8
- checkbox border #858291
- new-task row fill #f0eff4
- avatar #0a84d6
- app background #fcfcfe
- nav / list surface #f4f3f8
- selected row #e9e6f3
- primary text #1b1b22
- secondary text #5c5b68
- compose / accent #6a4ae8
- unread dot #6a4ae8
- urgent tag fill #fdf1c7
- urgent tag text #7a5200
- vip tag fill #dcf5e3
- vip tag text #1c6b37
- card surface #ffffff
- page background #ffffff
- section card #f7f8fa
- primary text #111827
- secondary text #5f6672
- selected chip #111827
- chip border #8a8f98
- banner fill #e9f8ee
- banner text #166534
- checkbox / link accent #2d5bd7
- divider #e5e7eb
- bg #ffffff
- canvas #f9fafc
- inset #f4f5f9
- text #1f2130
- muted #6b6f85
- primary #5b5fd6
- env #ecfaf3
- success #1d804f
- border #8f92b4
- tag #3e5bd8
- bg #faf9f5
- surface #ffffff
- selected #efeee9
- text #1f1e1b
- muted #6e6c66
- border #d6d4cc
- control-border #8f8d86
- accent #b6562e
- danger #b3261e
- bg #ffffff
- canvas #f6f7f9
- scrim #5b6475
- text #161b26
- muted #5e6675
- callout #fff6c7
- callout-text #5c4a00
- link #1a73d9
- button #1e2533
- meter #2e7df6
- bg #ffffff
- field #efefef
- text #171717
- muted #5f5f5f
- button #1a1a1a
- pill #ececec
- progress-off #8a8a8a
- avatar #dfe7fb
- avatar-text #2e4aa8
- scrim #3a3a3a
- bg #ffffff
- canvas #f7f7f8
- text #18181b
- muted #62626b
- border #8b8b94
- selected #3558d4
- button #18181b
- scrim #71717a
- bg #ffffff
- field #f3f3f4
- text #1b1b1f
- muted #66666e
- border #8a8a93
- toolbar #15151c
- live #a78bfa
- accent #5b3fd1
- bg #ffffff
- canvas #f5f6f8
- text #161a22
- muted #5d6472
- border #8d94a1
- role #e3f7c9
- role-text #2f5a0c
- primary #1e5bd8
- disabled #c7ccd4
- banner #fff4d6
- bg #ffffff
- canvas #f6f7fb
- text #171a24
- muted #5b6173
- accent #4b57d6
- segment #eef0f4
- warn #b7791f
- border #8a90a2
- skeleton #eceef3
- bg #ffffff
- text #111111
- muted #5e5e5e
- dots #d9d9d9
- dots-active #9a9a9a
- accent #2f5bd3
- bg #ffffff
- topbar #0d2a1f
- upgrade #dcf7c5
- upgrade-text #0d2a1f
- text #1c1f24
- muted #5f6570
- step-done #2f8a4f
- danger #d32f2f
- sidebar #f6f7f8
- active #e9ecef
- bg #faf8f3
- card #f2efe8
- skeleton #e6e1d7
- text #1f1d19
- muted #66625a
- note #f4f1ea
- button #1f1d19
- border #8f897d
- accent #b1542f
- bg #ffffff
- text #1b1c1f
- muted #5f636b
- button #f7f7f8
- border #8b8f98
- primary #1b1c1f
- disabled #f2f2f3
- link #3b63d6
- bg #050505
- surface #161616
- text #f2f2f2
- muted #9a9a9a
- border #6b6b6b
- submit #8a8a8a
- submit-text #0a0a0a
- focus #e6e6e6
- beam #2a2a2a
- bg #ffffff
- field #f4f5f6
- text #16181d
- muted #5f646d
- primary #1e76d9
- link #1a6fd0
- border #8b919b
- logo-a #3f9a4c
- logo-b #e8553d
- bg #ffffff
- field #f3f3f5
- text #16161a
- muted #5f5f69
- primary #5b4fd9
- primary-soft #dcd8fb
- link #2f5fd6
- globe #ececef
- globe-label #6a6a74
- scrim #2b2b2b
- surface #ffffff
- text #161616
- muted #5f5f63
- field-bg #f2f2f3
- input-border #8a8a90
- primary #1a1a1a
- on-primary #ffffff
- secondary-bg #ececee
- tile-violet #5b4fd6
- tile-teal #1d8a7a
- tile-blue #2f6fdb
- canvas #faf9f5
- preview-panel #e9e3d6
- surface #ffffff
- text #1c1b18
- muted #5f5c55
- border #e2ddd2
- primary #1c1b18
- on-primary #ffffff
- accent #c2552f
- input-border #8d887e
- focus #c2552f
- canvas #ffffff
- surface #ffffff
- code-bg #f6f7f9
- text #1f2328
- muted #646b75
- comment #6b7280
- callout-bg #eef0ff
- callout-text #3b36c9
- status-text #1a7a42
- status-bg #ecfaf1
- border #e4e6ea
- focus #3b5bdb
- backdrop #2e62e8
- surface #ffffff
- panel #f5f5f6
- text #141414
- muted #5e6068
- code-bg #ececee
- primary #1d6ae5
- on-primary #ffffff
- key-icon #1e8a4e
- input-border #8a8c93
- focus #1d6ae5
- bg #f5f5f5
- card #ffffff
- text #171717
- muted #5c5c5c
- subnav #ebebeb
- button #171717
- border #8a8a8a
- meter #2f7d4f
- track #e3e3e3
- brand #1f9d55
- bg #ffffff
- text #14161a
- muted #5b6068
- band #e6f5a8
- band-text #1d3b0f
- check #3d7a1c
- limit #9a6a00
- button #20242c
- border #8b919a
- link #3a5fcf
- bg #f4f6fa
- card #ffffff
- text #141821
- muted #5a6172
- current #eef2fd
- accent #2f55d4
- button #0e0e10
- secondary #e9ecf1
- badge #1e7e45
- badge-text #ffffff
- bg #000000
- card #141416
- text #f5f5f7
- muted #a3a3ab
- toggle #1f1f23
- accent #7c4dff
- check #f5f5f7
- border #6e6e78
- cta #ffffff
- cta-text #000000
- bg #f5f6fa
- card #ffffff
- text #15181f
- muted #5b6170
- running #2f55d4
- done #1d864a
- failed #c62828
- active #e7ecfb
- border #8b91a0
- bg #ffffff
- canvas #f7f7f8
- text #18181b
- muted #5f5f6a
- chip #f1f1f3
- generate #4a4a52
- helper #ece7fb
- helper-text #3b2f7a
- border #8b8b96
- focus #6d4fe0
- bg #1b1c22
- panel #23242b
- text #e8e8ec
- muted #a0a2ad
- accent #e5c07b
- link #8fb8ff
- success #7ed49a
- bubble #fff4d6
- bubble-text #2a2410
- border #6a6c78
- page and panel background #ffffff
- rail, composer chips, pill switcher #f4f4f6
- dividers and card outlines (decorative) #e5e6eb
- input and select outlines #8e8ea0
- primary text #202123
- helper text, disclaimers, IDs #6e6e80
- Add actions, links, focus ring #0d8567
- success toast background #0d8567
- text on toast and primary #ffffff
- disabled button label #6e6e83
- modal and main background #ffffff
- warm sidebar tint #f3ede6
- headings and body #1d1b1a
- step counter, footer links #6b6461
- Done button, links #0b1464
- button label #ffffff
- active sidebar item / tab #ecd9c6
- trial card background #e7e5e2
- overlay rgba(0,0,0,.35) (decorative) #a5a4a2
- focus ring #0b1464
- main canvas #ffffff
- sidebar background #f6f6f8
- primary text #1c1c24
- meta text, descriptions #686874
- links, upgrade, primary button #5b3fd6
- coach-mark card background #2a2c3a
- text on coach-mark #f4f4f8
- overlay (rgba 0,0,0,.5) (decorative) #7f7f7f
- tile outlines (decorative) #e4e4ea
- search field outline #8a8a96
- app background #0e0e11
- sidebar background #121215
- command palette surface #1c1c20
- primary text #ededf0
- group labels, secondary rows #9a9aa3
- selected-row bar, focus ring #5bc0d6
- coach-mark base (under gradient) #4a2344
- secondary text on tip #d8c8d8
- background glow (decorative) #6b3a2c
- shortcut badge background #2c2c32
- page background #ffffff
- headings and body #18181b
- paragraph and captions #5f6068
- Complete and Invite buttons #111111
- label on black button #ffffff
- screenshot well inside modal #f4f4f5
- overlay rgba(0,0,0,.5) (decorative) #7f7f7f
- tile hairlines (decorative) #e7e7ea
- focus ring #2563eb
- sample app icon tint #0f766e
- page background #f3f5f9
- sidebar background #f7f9fc
- content card #ffffff
- primary text #0b1f35
- secondary text #5a6474
- links, copy icon, active tab #1662dd
- step icon tile background #eef3ff
- card dividers (decorative) #e3e7ee
- tab strip baseline #8b95a5
- initials avatar background #c9f0d8
- page background #ffffff
- banner, active nav, buttons #00413c
- banner gradient end #034d51
- text on teal #ffffff
- secondary text on teal #d6e6e3
- primary text #1f2a2a
- sub lines, placeholders on white #5c6b6b
- filled input background #ebebe6
- placeholder on filled input #5f6360
- share strip background #f7f7fa
- paid status #1d7a4a
- modal and page background #ffffff
- headline and strong text #1f1f1f
- paragraph and rule text #5e5e5e
- neutral button fill #f2f2f2
- progress track #8c8c8c
- progress fill #1f1f1f
- reward card border (decorative) #e3e3e3
- overlay (decorative) #666666
- focus ring #1f1f1f
- page background #ffffff
- destination card #f5f6f8
- card hover #eceef2
- titles and body #0b0f19
- card subtitles #656c79
- persona chip fill #eef0f3
- search and pill outline #8a909b
- NEW badge fill #e0e7ff
- NEW badge text #3730a3
- focus ring #2563eb
- app background #edece8
- modal background #ffffff
- highlighted row #f5f0e6
- row titles #1f1e1b
- relative times, placeholder #6b6a64
- rail icon color #3d3c38
- focus ring, active bar #b8572f
- modal hairline (decorative) #dedcd4
- avatar circle #3d3c38
- top bar background #1a1a1f
- top bar text #ffffff
- modal and page background #ffffff
- group header fill #f8f9fa
- row titles #1a1b1e
- row descriptions, group labels #5c5f66
- filter chip outline #868e96
- logo tile, selected row bar, focus #7048e8
- updates count badge #e03131
- dashboard type icon #2b8a3e
- menu and main background #ffffff
- sidebar background #f7f7f8
- row labels #1c1c24
- placeholder, meta #686874
- key-cap fill #f0f0f3
- selected row fill #f2f2f5
- upgrade link, location links #8941e1
- search field outline #8a8a96
- thumbnail magenta (decorative) #d043fe
- page and card background #ffffff
- resource header band #f8f8fa
- primary text #111827
- descriptions, region sublabels #4b5563
- switch track off #8b919c
- switch track on, focus #2563eb
- inline code chip fill #f3f4f6
- NEW badge fill #f3e8ff
- NEW badge text #6b21a8
- section dividers (decorative) #e5e7eb
- delete action #b91c1c
- form and page background #ffffff
- environment band #e8f5ee
- environment text #1b6b3a
- labels and input text #0f172a
- helper text, tree items #475569
- input outlines #8a94a6
- locale tag fill #f1f5f9
- Publish button #1f7a4d
- Publish label #ffffff
- selected tree item #eef2ff
- focus ring #4f46e5
- page background #f7f7f7
- plan card #ffffff
- inner usage panel #f4f4f4
- primary text #111111
- helper and labels #5c5c66
- Upgrade buttons, progress fill #1e6ff5
- button label #ffffff
- limit chip outline #8a8a8a
- progress track #d4d4d8
- low-credit state #b45309
- content background #ffffff
- sub-nav panel, segmented track #f7f7f7
- primary text #1a1a1a
- explanations, helpers #6b6b6b
- active app nav pill #1c1c1c
- text on active pill #ffffff
- purge button fill #b33a3a
- danger card border #d98080
- number input outline #8a8a8a
- logo and success mark #1f9d55
- dialog background #ffffff
- titles and body #1d1d27
- card descriptions #5f5f6e
- Export button, active tab, selected card border #6246ea
- button label #ffffff
- selected card fill #f5f2ff
- upsell panel fill #f4f1fd
- unselected card border #8e8e9c
- editor canvas gray (decorative) #bdbdbf
- inline links #4f35d4
- canvas background #eff0f2
- popover and panels #ffffff
- embed section fill #f7f7f9
- titles, field text #1f2328
- descriptions, placeholders #5c6370
- Share button, toggle on, focus #1f6feb
- button label #ffffff
- field outlines #86909a
- toggle track off #86909a
- canvas tab chip #e3ecfb
- content background #141414
- sidebar background #1b1b1b
- card surface #1c1c1c
- input and icon button fill #262626
- primary text #f2f2f2
- labels, instructions #a3a3a3
- Publish, Copy code, active icon #d4ff3a
- label on lime #141414
- card and field outline #6f6f6f
- social glyph blue #6aa9ff
- modal background #ffffff
- titles and labels #232323
- subline, URL preview #545454
- tip strip fill #f3f3f3
- primary CTA #0b5d3b
- CTA label #ffffff
- copied state circle #e6f5ec
- copied check #0b7a47
- neutral channel circle #ececec
- overlay (decorative) #4c4c4c
- page background #f6f6f5
- auth card #ffffff
- card footer band #f7f7f7
- headings and labels #1a1a1a
- subline, placeholders #5f5f5f
- Continue button #2b2a28
- Continue label #ffffff
- input outlines #8a8a8a
- pixel mark green #2f9e44
- pixel fade (decorative) #b7dfb5
- gradient top #e9ecfa
- gradient bottom #fdf6ef
- card surface #ffffff
- primary text #111827
- muted text #5b6472
- input border #8a919e
- neutral button fill #f3f4f6
- dark pill #111827
- focus ring #2563eb
- error #c81e1e
- success #047857
- page #ffffff
- input fill #f5f5f5
- primary text #111418
- muted text #5f6670
- input border #8b919a
- primary button #1766c2
- link #1766c2
- outline button border #8b919a
- focus ring #1766c2
- error #c42b1c
- logo block green #3f8f4a
- logo block red #e0452c
- app background #f9f9f9
- card surface #ffffff
- top bar #0f3d2e
- text on top bar #ffffff
- primary text #1c2421
- muted text #5c6360
- link #0b6bcb
- success banner #e3f7d9
- success text #1a6d3a
- processing badge #fdf1c7
- processing badge text #7a5b00
- border #8a918e
- sheet surface #ffffff
- footer strip #f7f7f7
- scrim over app #a8a8a8
- primary text #18181b
- muted text #5e5e66
- field border #8a8a93
- dark button #18181b
- warning rule/icon #b45309
- success toast accent #15803d
- focus ring #2563eb
- screen background #083400
- accent lime (headline, button) #9ae66e
- body text on green #e6f2df
- muted text on green #b7c9ad
- button label #083400
- light surface (next screen) #ffffff
- text on light #0e0f0c
- focus ring on green #ffffff
- page #ffffff
- success panel #ecfdf5
- success panel border #a7f3d0
- primary text #111827
- muted text #5b6472
- success text/icon #047857
- neutral button fill #f3f4f6
- button/card border #8a919e
- focus ring #2563eb
- error #c81e1e
- app background #f7f7f7
- table card #ffffff
- primary text #18181b
- muted text #5e5e66
- table/input border #8a8a93
- chip fill #f0f0f1
- dark button / active nav #18181b
- danger icon #b42318
- danger icon hover fill #fef3f2
- success status #15803d
- focus ring #2563eb
- page #ffffff
- facet panel #fafbfc
- primary text #111827
- muted text #5b6472
- card border #8b8f97
- chip border #8b8f97
- benchmark chip #fff7e6
- benchmark chip text #b45309
- traces chip #eef4ff
- traces chip text #2563eb
- env chip #e8f7ef
- env chip text #047857
- builder background #f5f5f4
- app surface #ffffff
- primary text #1c1917
- muted text #5f5f5f
- row border #8f8f8f
- search fill #f0f0ef
- dark button #1c1917
- publish pill #5ee0e8
- publish label #0c2a2c
- focus ring #0e7c86
- count pill fill #ededed
- app background #ffffff
- table header / panel #f7f7fc
- primary text #1a1b25
- muted text #6b6f80
- border #8a8e99
- accent indigo (buttons, active nav) #5b4fe0
- active nav fill #f4f3ff
- environment pill #eaf7f0
- published chip text #1f7a4d
- draft chip text #8a5a00
- draft chip fill #fff5db
- page #ffffff
- sidebar #f7f7f7
- empty panel #f3f3f4
- primary text #111418
- muted text #5b5f6b
- border #8a8e99
- dark button #1e2230
- disabled button fill #d4d4d8
- disabled label #3a3a40
- admin pill fill #fde4ec
- admin pill text #c0265f
- focus ring #2563eb
- page #ffffff
- table header #f4f7fa
- primary text #16181d
- muted text #5e6573
- border #8b919c
- accent violet #7b3fe4
- active chip fill #e7f8f2
- active chip text #047857
- role chip fill #f0f1f4
- focus ring #7b3fe4
- credit ring amber #b45309
- app background #f9f9fb
- card surface #ffffff
- primary text #16171d
- muted text #5c6070
- border #8a8e99
- dark button #16171d
- avatar/accent blue #1d5fa8
- focus ring #2563eb
- low-balance warning #b45309
- error #b42318
- page #ffffff
- sidebar active fill #f1f1f3
- primary text #1b1b1f
- muted text #5e5e6a
- border #8b8b96
- accent violet #6b46c1
- accent tint #f1ebfd
- promo illustration orange #f25c19
- focus ring #6b46c1
- error #b42318
- stage background #f6f6f8
- panel surface #ffffff
- primary text #1d1d24
- muted text #5f6170
- border #8b8d99
- accent violet (Share, active) #5b5bd6
- slide accent orange #c2410c
- comment badge #dc2626
- focus ring #5b5bd6
- selection outline #4f46e5
- page #ffffff
- nav/tree background #fcfcfc
- primary text #15171a
- muted text #5c5f66
- line numbers #5c5f66
- border #8d9096
- publish green #177245
- code block #16181c
- code text #e6e8eb
- link underline/accent #177245
- focus ring #2563eb
- page #ffffff
- sidebar #fafafc
- primary text #16161a
- muted text #63666f
- border #8b8d96
- chart primary #4f46e5
- chart secondary #0e7490
- team tile blue #1d4ed8
- focus ring #4f46e5
- demo notice fill #f4f4f7
- app background #fafafa
- page card #ffffff
- primary text #1b1d1f
- muted text #5f6368
- border #8d9196
- dark button #1b1d1f
- progress/success green #15803d
- saved pill fill #f1fcf5
- badge violet #6d28d9
- info note fill #eef4ff
- info text #1d4ed8
- focus ring #2563eb
- page (warm paper) #faf9f5
- nav/active fill #f1efea
- card surface #ffffff
- primary text #1f1e1d
- muted text #5d5a52
- border #8f8b81
- dark button #1f1e1d
- balance tile #e8e6dc
- accent clay (links, focus) #b4532a
- success/active status #2e7d4f
- page #ffffff
- card surface #fbfbfd
- primary text #111827
- muted text #5b6472
- border #8b919c
- upgrade banner #e9fbf2
- banner text #146c43
- meter track #e5e7eb
- meter fill #2563eb
- near-limit meter #b45309
- focus ring #2563eb
- page #ffffff
- sidebar #f7f7f7
- primary text #111418
- muted text #5e6168
- border #8a8e99
- alert fill #fce7ef
- alert text #9c2554
- plan badge fill #eaf4ff
- badge/check blue #1a64bd
- dark button #1e2230
- focus ring #1a64bd
- canvas #f9f9fb
- surface #ffffff
- text #18181b
- muted #63636b
- border #e4e4e9
- input-border #8a8a93
- primary #18181b
- on-primary #ffffff
- link #2f5bd3
- focus #3b63d9
- success #1f7a4d
- canvas #ffffff
- panel #f9fafb
- text #111827
- muted #6b7280
- border #e5e7eb
- input-border #8b93a1
- bar #4f5b6b
- accent #2563eb
- new-badge-text #1d4ed8
- new-badge-bg #eff4ff
- focus #2563eb
- canvas #f5f6f8
- surface #ffffff
- sidebar #f7f8fa
- text #141414
- muted #61646b
- border #e3e5ea
- input-border #878b94
- primary #111111
- on-primary #ffffff
- meter #2340d8
- nav-active-bg #e8ebfb
- trial-badge #1d7a45
- canvas #f7f7f7
- surface #ffffff
- text #1a1a1a
- muted #656565
- border #e6e6e6
- input-border #8c8c8c
- primary #1f6fe0
- on-primary #ffffff
- success #1a7f45
- error #c2352b
- focus #1f6fe0
- canvas #f7f7f7
- surface #ffffff
- text #161616
- muted #666666
- border #e5e5e5
- input-border #8e8e8e
- primary #1c1c1c
- on-primary #ffffff
- accent-green #1a8a3c
- warning #b35a00
- focus #1a8a3c
- canvas #ffffff
- surface #ffffff
- tint-box #f5f6f8
- text #111827
- muted #4b5563
- border #e5e7eb
- link #111827
- mascot-yellow #ffd21e
- input-border #8b93a1
- focus #2563eb
- canvas #fbfbfb
- surface #ffffff
- footer-strip #f4f4f4
- text #171717
- muted #646464
- input-border #8a8a8a
- primary #2a2826
- on-primary #ffffff
- pixel-green #22a33a
- pixel-green-light #a8dfb0
- error #c53030
- focus #1f8a32
- canvas #f5f5f5
- surface #ffffff
- text #141414
- muted #5e5e5e
- grid-line #e3e3e3
- primary #1f6fe0
- on-primary #ffffff
- status-bg #fafafa
- input-border #8c8c8c
- focus #1f6fe0
- canvas #ffffff
- sidebar #f7f8fa
- text #111418
- muted #5b6370
- banner-bg #eaf3fd
- banner-text #11427a
- primary #1573d8
- on-primary #ffffff
- mention-bg #dcebfb
- mention-text #1257a8
- input-border #8a929e
- focus #1573d8
- canvas #ffffff
- text #1f1f1f
- muted #6b6b6b
- eyebrow #737373
- primary #6a4fe0
- on-primary #ffffff
- primary-hover #5a3fd0
- border #e6e6e6
- focus #6a4fe0
- canvas #f7f7f7
- surface #ffffff
- skeleton #e6e6e6
- text #171717
- muted #606060
- input-border #8c8c8c
- primary #1f1f1f
- on-primary #ffffff
- disabled-bg #8a8a8a
- accent-green #1f8a3a
- focus #1f8a3a
- canvas #f7f7f9
- surface #ffffff
- text #18181b
- muted #62626a
- border #e4e4e9
- input-border #8a8a93
- primary #18181b
- on-primary #ffffff
- product-pill #c7f25a
- product-pill-text #1e2a05
- success #1f7a4d
- focus #3b63d9
- canvas #0f0b18
- surface #1d1926
- raised card #2a292d
- text #ffffff
- muted text #d6d6d6
- indigo accent / gradient start #5563ff
- violet gradient end #9f40ff
- light violet link text #8b93ff
- input border #67666a
- page background #fcfcfc
- cream card #faf8f7
- ink #0f0f0f
- muted text #666666
- signal red (labels, accents) #e0182f
- coral glow (decorative) #ff5357
- dark card #060606
- text on dark #ffffff
- muted on dark #b3b3b3
- input border #909090
- page background #f5f5f5
- card / surface #ffffff
- ink (headings, body) #1e0d01
- muted text #746a63
- brand orange (button fill) #f97518
- orange text / focus ring #bb5005
- orange chart bars #f66a06
- feature card tint periwinkle #e3e7f3
- feature card tint lilac #e6e0f2
- input border #8a8078
- positive delta #12883e
- black band #030303
- off-white band #f9f9f9
- text on black / pill fill #ffffff
- ink on light #080808
- muted headline line / muted on black #969290
- muted text on light #636363
- rail and dividers on light #8a8a8a
- rail and dividers on black #5b5b5b
- chip on black #3b3b3b
- page background (warm off-white) #f7f7f4
- card surface #eeede6
- raised card #ffffff
- ink / dark button #251f19
- muted text #68615a
- italic headline tail (large only) #948b81
- orange accent (fills, icon tabs) #f48d16
- orange text (fixed) #a95e08
- hairline / input border #9a8d7f
- page background (warm off-white) #fbfaf6
- panel surface (warm gray) #f4f2ec
- card surface #ffffff
- primary text / dark button #1c1a15
- muted text / second headline line #56524a
- input border #8c887e
- positive delta (accessible fix) #1c7e45
- positive chip background #e8f5ec
- hairline divider (decorative) #ece9e0
- page background (warm white) #fefefc
- primary text / dark card #131313
- teal brand (accessible fix) #1f797e
- deep teal (announcement bar, eyebrow text) #165558
- soft teal tint surface #e9f3f4
- lime accent (button, card) #d1e910
- pale lime tint surface #fafde7
- olive text on lime tints (accessible fix) #6e7b09
- negative cross icon #e8352b
- input border #8a8a8a
- page background #f6f6f6
- card surface #ffffff
- primary text #2d2d2d
- secondary text #6d6d6d
- teal brand (buttons, waveform, cards) #007769
- lime promo bar #ceec69
- orange accent text (accessible fix) #c44816
- orange ornament (decorative) #e25319
- mint tint surface #ecfffb
- input border #8a8a8a
- canvas (warm black) #110f0d
- card surface #1c1917
- raised surface / rules (decorative) #292524
- primary text #fafaf9
- muted text #a6a09b
- dim text (accessible fix) #89807a
- light button fill #f5f5f4
- input border / outlined button #6a655f
- live status green #10ec90
- syncing status blue #38bdf8
- pending status amber #f59e0b
- canvas (navy black) #000024
- card surface #0f0f31
- primary text #ffffff
- muted text #dbdbdb
- violet (gradient start on dark, accessible fix) #8e68df
- violet fill (buttons) #6836d4
- pink (gradient end on dark) #e53873
- pink fill under white text (accessible fix) #e22163
- amber highlight #f6a816
- input border #5e5e86
- canvas #10111a
- surface #1a1c2a
- text #ffffff
- soft text #cfcfd1
- muted text #888888
- slate caption #7f839f
- violet primary #4321ea
- sky chart series #7cc3ff
- positive #4ade80
- negative #f87171
- input border #64667c
- navy hero / ink #0f2028
- page background #ffffff
- stats band #f7f7f7
- lime pill / tile / frame #edff71
- aqua pill / icon circle / frame #d0efef
- muted text on navy #a5acaf
- muted text on white #5b6569
- tagline chip on navy #25353c
- chart teal on white #53a1a1
- chart olive-lime on white #8f9b1e
- hairline / input border #7a8387
- background #ffffff
- lavender band / card tint #f3f2fa
- mint card tint #eaf4f0
- dark navy section #21202e
- ink #000000
- body text #333333
- muted text (fixed) #6e6e6e
- coral CTA fill (fixed) #e72208
- coral decorative #f84f39
- chart purple #6b5ce7
- chart green #2e9e6e
- input / outline border #8c8c8c
- canvas background #0a0a0a
- card surface #141414
- primary text #f5f5f8
- muted text #ababab
- primary button (violet) #4f1ad6
- focus ring / violet on dark #6c3ce7
- positive delta green #75dfa6
- card hairline border (decorative) #262626
- input border #626262
- violet glow (decorative) #57468d
- page background #f5f5f5
- surface #ffffff
- ink #3d3d3d
- muted text #646464
- primary blue #2f69ff
- positive delta #12883e
- negative delta #dc2626
- highlight amber (decorative) #f5b800
- input border #8e8e8e
- hairline #e5e5e5
- page background #fcfcfc
- surface #ffffff
- ink #1a1a1a
- body muted #666666
- secondary / inactive tab text #747474
- rule lines (decorative) #e6e6e6
- input border #767676
- success dot #12883e
- button label #ffffff
- page background #080809
- card / panel #141415
- heading text #ffffff
- muted mono text #9f9f9f
- secondary light text #cccccc
- highlighter yellow (accent, CTA) #feff7c
- dark ghost button #1b1b0f
- frame lines / dotted separators / brackets #646442
- status green (live dot) #22c55e
- canvas #010513
- card #02081d
- text primary #ebf3fe
- text secondary (80%) #bcc3cd
- text muted (50%) #767c88
- brand blue (button fill) #0070f7
- blue text / active index #4d97ff
- glow blue #1a4bff
- hairline / input border (fixed) #415a9f
- canvas (near black) #0d0d0f
- card surface #141416
- primary text #fafafa
- muted text / second heading line #b0b0b0
- dim labels #8a8a8f
- cyan accent #21d2ed
- white button #ffffff
- input border #63636a
- status running/done #22c55e
- status failed #ef4444
- status queued #f59e0b
- light background #f2f2f2
- surface #ffffff
- ink #1a1a1a
- body text #424242
- muted text #6d6d6d
- dark section #1a1a1a
- text on dark #ffffff
- muted on dark #cccccc
- coral accent (decorative) #ff5f54
- input border #8c8c8c
- page background (warm paper) #f4f2ee
- card surface #ffffff
- ink / primary pill #000000
- muted text #605f5f
- highlight row / demo pill yellow #fef7af
- chart segment amber #b68f01
- chart segment teal #0ea2ba
- chart segment coral #f2685e
- dark band #3a4144
- muted text on dark band #c9cccd
- input border #8a8886
- canvas (warm black) #0e0c0b
- card surface #1e1813
- raised surface / icon badge #2a2320
- primary text #fcfcfc
- muted text #bdb4ae
- light button / secondary text #d5cfcb
- burnt orange CTA #813203
- orange eyebrow / icons #fa7a30
- soft peach accent #fba36f
- tag chip yellow #f5c542
- input border #736258
- canvas #000018
- surface #0f0f2d
- raised #141439
- heading text #f1f1f3
- body text #e5e5e7
- muted text #aeaeb8
- dim text #7b7b8f
- violet primary #7a33ff
- lilac accent text #9a9acb
- input border #5858ac
- page background #ffffff
- sage surface #d1dcdb
- off-white #fafafa
- ink #111111
- muted text #575757
- forest primary #043f2d
- label on forest #ffffff
- positive delta #12883e
- pale gray panel #ecedef
- input border #8f9193
- page background #000000
- card surface #111111
- heading / body text #eff1f2
- muted text #a3a3a3
- lime accent / primary button #b3fc6a
- label on lime #050505
- icon tile background #1b2a12
- indigo outline frames / chart line #5869fc
- hairline border #606060
- download-style secondary accent orange (sparingly) #fc6213
- canvas #0d0d0d
- card #171a22
- card alt #181818
- text primary #ffffff
- headline fade gray #909090
- muted lavender-gray #9fa3bb
- electric yellow #fff150
- violet chart line #6a5cff
- hairline border (fixed) #636669
- dark canvas #070018
- light section #f4f3fb
- text on dark #f3f0f5
- muted on dark #978aa1
- heading on light #1d054f
- muted on light #6b5e75
- indigo primary #3e3af2
- violet accent on light #7c3aed
- violet accent on dark (fixed) #8d54ef
- border on dark (fixed) #5f5583
- card surface light #ffffff
- background #ffffff
- panel gray #f7f7f7
- ink / primary button #000000
- body text #3b3b3b
- chart blue (fixed for text use) #136dff
- orange stat tile #ff9a1f
- orange as graphic on white (fixed) #de7a00
- green positive (fixed) #20aa59
- negative chip text #c62828
- input / hairline border #8c8c8c
- background #ffffff
- hero / band gray #f8f8f8
- ink #0b0b0c
- body text #3c3c3d
- muted text #545455
- primary blue (fixed) #316afd
- panel blue #487afd
- green panel #31d097
- green icon on white (fixed) #26a879
- orange panel #f06e2e
- pale blue tint #ecf1ff
- blush tint #fcefea
- background #ffffff
- panel #fafafa
- ink / dark button #181818
- body text #46484d
- brand blue (fixed) #446af3
- negative / spend series (fixed) #e42155
- cyan series (fixed) #16a1bf
- rail / hairline #e6e6ea
- input border / ticks (fixed) #919197
- gradient end violet #8a3ffc
- canvas #060f11
- surface #141d1f
- text #ffffff
- muted text #b5bdc5
- lime primary #adff85
- label on lime #1b2e0f
- border #4d6c73
- hairline (decorative) #212e31
- info blue #3b82ff
- canvas #161719
- tile #212225
- tile raised #2c2c2f
- accent orange #fa6e43
- headline warm gray #e3dbd8
- body light #c0c0c0
- muted text #888891
- ink on orange #161719
- hairline / input border #6b6b72
- page background (cream) #fffefa
- warm panel surface #f7f6f0
- primary text / dark button #262626
- secondary text #616161
- navy showcase / hero base #021b42
- hero gradient mid (violet navy) #2a2f7a
- mint accent fill (CTA, chips on dark) #33e9bb
- mint accent on light (rules, focus) #12a781
- input border #8b95a4
- grid lines (decorative) #d1d5db
- canvas #0b0b0b
- sidebar #171717
- card #1f1f1f
- text #ffffff
- muted text #b5b3b0
- orange accent (text/outline on dark) #ff4901
- orange button fill #d73d00
- input border #646464
- hairline #2a2a2a
- page background #ffffff
- cool surface #edf1f4
- ink #1d1d1d
- muted text #4d585f
- primary blue #1e6ff5
- emerald (gain, text) #0b7c56
- emerald bright (on dark) #10b981
- dark card #05080c
- sky tint (decorative) #94bee8
- input border #8a8a8a
- hero black #000000
- page white #ffffff
- beige tray / section #efeee6
- amber glow (decorative) #d7780b
- amber fill and text (fixed) #b06209
- ink #0b0b0c
- muted text #61646b
- muted on dark #bfbbbb
- positive chip #1a7f45
- frame border #8f8d85
- page background #ffffff
- cream panel #fbfaf9
- warm tile #f2ece8
- body text #222222
- muted text #52525b
- black (CTA, dark sections) #000000
- input border #90909a
- chart green (accessible fix) #0ea472
- positive chip text #065f46
- chart blue #2563eb
- chart orange (accessible fix) #ef6606
- chart violet #8b5cf6
- page background #ffffff
- soft gray surface #f9fafb
- headings and body text / dark band #1a1a1a
- muted slate-violet text (accessible fix) #6c6f99
- mint primary fill #60d2b6
- mint tint (tag pills) #ebf9f6
- deep green text / positive (accessible fix) #237d67
- negative amount (accessible fix) #ea093f
- violet card accent (accessible fix) #b622fc
- sky card accent (decorative) #00a8e0
- input border / outlined button #787ba1
- canvas #121212
- surface #1c1c1c
- text #ffffff
- soft text #d1d1cd
- muted text #a3a2a2
- dim statement text #868584
- warm gold accent #bd9f65
- button background #ffffff
- button label #121212
- input border #686868
- page background (warm gray-white) #f2f3f1
- card surface #ffffff
- ink #161816
- muted text #656963
- primary CTA red-orange #c93a14
- bento tile orange #e8491f
- bento tile periwinkle / highlight row #dce1ff
- saved badge blue #2544d8
- lime accent (confirm, meters) #c8e64c
- dark tile / dark section #1b1f1d
- muted text on dark #9aa39c
- input border #8e928c
- page background #181921
- card / hero panel #1f212e
- raised surface #272938
- secondary button / chip #353744
- heading text #edeff0
- muted text #7f8a94
- primary button violet #7a45ff
- violet accent (charts, toggles, links) #997bff
- mint accent word / eyebrow #7effe7
- destructive menu item #f87171
- border / hairline #686c77
- white background #ffffff
- black section #000000
- dark card #1c1b1b
- violet primary #5429ff
- lime accent #daff79
- cream band #fef8ea
- ink #1c1b1b
- muted on dark #a3a3a3
- muted on light #5b5b5b
- outline border #8a8a8a
- page background (lavender) #f8f1fd
- card / nav surface #ffffff
- deep plum (text, dark section, dark button) #3a1855
- pink panel #f7d8f7
- butter yellow (CTA pill, tiles) #f3f199
- lilac tiles #b97ee9
- lilac chart bars (accessible fix) #b16fe6
- muted text (accessible fix) #676d8e
- input border #8a7a99
- canvas (near black) #0a0b0b
- card surface #161718
- primary text #f2f1f1
- muted text #9a9a9a
- primary button (green) #6bcd79
- input border #636467
- tile field: coral (decorative) #ce836c
- tile field: lavender (decorative) #c9c8e1
- tile field: plum (decorative) #6b4656
- tile field: deep navy #12182e
- page background #ffffff
- azure tint #e8f4ff
- ink #171723
- muted text #5d5d65
- primary blue (fills) #0075e0
- blue text on tint #006ed4
- nav black #000000
- critical tag #e11d48
- active status #12883e
- input border #7299b8
- page background #ffffff
- section background warm gray #f0efeb
- ink / dark band #02190f
- body text #3f4449
- primary green button #0c6c47
- muted text on dark band #a3b0a8
- sage metric card #a0ae8b
- pale lime glow / icon tile #def0c2
- status pill peach #ffe8cc
- donut chart amber #c5881d
- input border #8d9592
- hero / card tint (pale lime) #f2f9d8
- page background #ffffff
- dark green ink / dark cards #244034
- lime button / title on dark #d2f34c
- body text #484a3d
- muted text #6f6f6f
- eyebrow olive #667613
- rating star amber #bf8c00
- hairline divider / input border #939393
- confetti mint (decorative) #84fcca
- page background #ffffff
- ink / primary pill #101c19
- muted text #596960
- brand green (eyebrows, links, quote marks) #087443
- chart green #18a165
- chart orange (comparison series) #eb7219
- mint visual well #dce9e0
- mint accent fill #a7dfc1
- sky panel #cfe3f5
- section tint #f1f7f3
- input border #8a9690
- page background #ffffff
- hero / dark card #000000
- text primary #1a1a1c
- text muted (fixed from 60% ink) #717172
- accent yellow (buttons, highlight word) #fffe54
- cream panel #f9f7e2
- off-white card #f8f8f3
- chip / tab tint #ebe9d2
- muted text on dark #a3a3a3
- input border #8a8a80
- background #f9fafb
- surface #ffffff
- slate headline #465478
- periwinkle text #545c9e
- periwinkle accent (fixed) #596bce
- button fill (fixed) #646fc6
- lavender tint #dfe1f5
- cyan gradient stop (fixed) #119cc8
- coral chart series (fixed) #ff6027
- pink chart series #f77fc6
- hairline / input border (fixed) #838dc4
- page background #ffffff
- soft panel #fafafa
- headings / outlined button #000000
- muted text (accessible fix) #737373
- brand orange (display words, big stats) #ff4d00
- orange for buttons and small text (accessible fix) #c93d00
- peach tint (tag pills, active nav) #fff0eb
- active chip mint / text #33ffb4
- chart pink (accessible fix) #ff578a
- chart cyan (accessible fix) #00a2c7
- chart green (accessible fix) #00a86a
- input border #949494
- canvas #1f2631
- card #353f50
- text #ffffff
- muted text #a6a9ae
- electric blue #0022ff
- blue text on dark #96a4ff
- input border #7c89a2
- success (chat bubble) #16a34a
- canvas #07090e
- surface #14161a
- text #ffffff
- muted text #9c9d9f
- faint text #7e7f83
- mint primary #00ffa6
- label on mint #003725
- mint text #94ffda
- success green #00c078
- input border #5d6371
- page background #ffffff
- section background #f9f9f9
- ink / dark card #000000
- muted text #616161
- electric blue primary #003cff
- growth green chart line #00ad0c
- growth green text #008a09
- neon green chip fill (black text) #00cc0e
- muted text on dark card #b3b3b3
- dark card row #1a1a1a
- border / input #949494
- page background #000000
- panel #0b0c0d
- raised card #1a1a1a
- heading text #ffffff
- muted body #909090
- secondary text on raised card #a0a0a0
- lavender accent / primary button #b59aff
- button label on lavender #0b0c0d
- positive amount green #22c55e
- chart bar violet #6853cb
- hairline / border #5e5e5e
- canvas #0f0f0f
- card #161616
- card raised #1f1f1f
- text primary #fbfbfb
- text muted #9b9ca1
- teal accent / positive #33c6ab
- teal chip background #112220
- amber paused status #e29d37
- blue cursor label #33abd1
- indigo highlight #6575fb
- border / hairline (fixed) #636363
- deep teal background #01283c
- teal card #024364
- lime primary #c8f77c
- light background #ffffff
- pale section tint #e8eef2
- ink text #1a1a1a
- muted text on light (fixed) #6b6b6b
- muted text on teal #b3bfc5
- rose highlight word (fixed, large text only) #c48484
- status green #2e9e4f
- input border (fixed) #8696a0
- page background #0f1515
- card surface #182222
- raised control / segmented thumb #272f30
- primary text #f4f4f5
- secondary text #8c8f8f
- translucent button fill (composited) #464e4e
- badge text and focus ring #fff800
- decorative radial glow #3d5a2c
- input and card border #5f6969
- active status #4ade80
- past-due status #f87171
- page background #000000
- plan card / footer #18181b
- segmented thumb #3f3f46
- primary text #ffffff
- subtitle text #e4e4e7
- secondary text #a1a1aa
- subscribe button fill #ffffff
- subscribe button label #27272a
- featured plan outline #ec4899
- input border #71717a
- background gradient top #d6dbdc
- background gradient bottom / card #ffffff
- primary text #000000
- secondary text #51575c
- hint chip fill #eef0f1
- coral glow #ff6a4d
- coral link / accent text #c2410c
- card hover border / input border #80868a
- primary button fill #111111
- marketing banner blue #1a7fd6
- app background #0a0a0a
- warm radial vignette #2a2220
- panel / card #171413
- selected nav item / segmented thumb #2e2a29
- primary text #fafafa
- secondary text #a8a29e
- primary button fill #fafafa
- primary button label #171717
- card / input border #6b6360
- active status #4ade80
- trial / past due #fbbf24
- page background #ffffff
- headline / title text #000000
- muted body text #6a7282
- icon accent #1447e6
- primary button fill #0070f2
- outline button border / text #0070f2
- focus ring #3a96ff
- hairline divider (decorative) #e5e7eb
- status ok #15803d
- page background #ffffff
- hero band #f9fafb
- primary text #111827
- secondary text #4b5563
- orange accent (icons, headline line 2) #ef6606
- orange text on light #c2410c
- primary button fill #111827
- terminal card #111827
- terminal text #f9fafb
- terminal prompt #4ade80
- input / card border #8b93a1
- page background #09090b
- card surface #171717
- card border #5d5d5d
- primary text #fafafa
- secondary text #a3a3a3
- primary CTA fill #2563eb
- text on white button #020205
- light button fill #f8fafc
- gradient stop / icon tint #a855f7
- gradient stop #84b320
- gradient stop #e8623f
- inline link / focus ring #60a5fa
- canvas #f5f5f5
- card surface #ffffff
- primary text #111111
- secondary text #484848
- placeholder / completed text #757575
- title red #b83f45
- selected filter outline / focus #ce4646
- checkbox ring / input border #949494
- checkmark green #3ea491
- hairline divider (decorative) #e6e6e6
- page background #ffffff
- panel header / composer fill #fafaf9
- primary text #0c0a09
- body secondary #44403c
- muted text (snippets, captions, times) #79716c
- hairline / panel border (decorative) #e7e5e4
- input border / inactive icon #98908b
- user bubble / send button active #0c0a09
- live / success dot #1dab52
- canvas (light) #ffffff
- sidebar / subtle fill #f1f5f9
- primary text #020817
- muted text #617087
- chart primary blue #0040ff
- chart cyan #009fd2
- chart orange #f76906
- positive delta text #17843f
- negative delta text #de1313
- hairline / input border #7d96b4
- dark canvas #020817
- dark card / sidebar #0f172a
- app background #fafafa
- card #ffffff
- primary text #0a0a0a
- secondary text #737373
- input border #8f8f8f
- card dividers #e5e5e5
- chart line: leads #d9363e
- chart line: errors #6b7280
- primary button fill #171717
- success log dot #15803d
- error text #b91c1c
- editor canvas #f1f5f9
- card / preview surface #ffffff
- primary text #111827
- secondary text #4b5563
- placeholder / muted #69707d
- field label #374151
- input border #8b95a4
- hairline divider (decorative) #e5e7eb
- phone frame / primary button #1e293b
- focus ring / link accent #2563eb
- page / editor surface #ffffff
- menu hover / chip fill #f5f5f5
- primary text #0a0a0a
- muted text (descriptions, ghost text, chip) #707070
- card border (decorative) #e5e5e5
- icon tile / input border #949494
- AI accent #7c3aed
- AI tint #f5f3ff
- link #2563eb
- page background #ffffff
- alt section / card gray #f9fafb
- heading text #111827
- muted text #6b7280
- brand blue (eyebrow, primary button) #0065ff
- blue band background #1a5cff
- pale blue card on band / screenshot frame #eaf1ff
- card body text on pale blue #374151
- dark pricing card #0b0f19
- input / ghost-button border #8c95a2
- NEW badge red #dc2626
- page background #ffffff
- soft panel / tile #f0f0ef
- primary text & pill button #111111
- secondary text #5f5d5b
- hairline / tile border (decorative) #d6d5d3
- dark footer variant #1f1d1b
- link accent #1d4ed8
- input border #7a7876
- canvas black #000000
- panel slate #111827
- card slate #1f2937
- primary text / button fill #ffffff
- secondary text #d1d5db
- muted text #9ca3af
- star green #22c55e
- input / divider border #56667f
- page background #ffffff
- ink (headings, buttons, CTA banner) #000000
- body slate #45556c
- muted slate (captions, footer) #62748e
- slate-light on black #90a1b9
- soft button fill #f3f4f6
- NEW pill indigo #4f39f6
- illustration pink accent (decorative) #f9a8d4
- illustration yellow accent (decorative) #facc15
- page background #ffffff
- primary text #171717
- secondary text #454545
- brand blue (accents, prices, links) #304fff
- brand yellow (primary buttons) #fed835
- soft button fill #f3f3f5
- hero gradient lavender #e3e6fb
- dark CTA block #050a02
- input / card border #8c95a2
- muted on dark #d1d5db
- page background #0a0b0d
- card surface #171717
- raised chip / icon badge #282828
- primary text #ffffff
- subhead text #e5e5e5
- secondary text #a3a3a3
- light button fill #e6e6e6
- light button label #000000
- input / card border #6b6b6b
- blue highlight (chart cursor, badge glow) #3b82f6
- decorative oversized numerals #282828
- gradient top #eff4fb
- card / page surface #ffffff
- primary text #0a0a0a
- muted / helper text #707070
- suffix addon background #f5f5f5
- input border #949494
- primary button #171717
- disabled button fill #737373
- focus ring #2563eb
- destructive #dc2626
- auth pitch panel #000000
- text on pitch panel #ffffff
- auth form side background #f4f4f5
- primary text (light) #0a0a0a
- secondary text (light) #666666
- primary button fill #171717
- input border #8e8e97
- app background (dark) #0a0a0b
- app card #18181a
- app text #fafafa
- app secondary text #a8a8a8
- app input / toggle track border #6e6e73
- canvas #0c0c0e
- card / field surface #18181b
- primary text #f4f4f5
- secondary text #a1a1aa
- muted helper text #808089
- field / card border #646470
- inverted button fill #fafafa
- inverted button label #27272a
- link / mention accent #3b82f6
- headline gradient end #e4e4e7
- canvas navy #0b1120
- pattern / panel navy #121b34
- card surface #111827
- input surface #1e293b
- primary text #f8fafc
- secondary text #94a3b8
- accent pink (badge fill) #db2777
- accent pink text / stars #f472b6
- chip / input border #60738e
- chip text #cbd5e1
- page background #ffffff
- subtle panel #f7f7fc
- primary text #383a4d
- headline text #171825
- secondary text #5e6077
- brand purple (buttons, active tab) #6633ee
- card border #8e91b4
- decorative dividers #dfe1f4
- encrypted/ok status #15803d
- code block background #171825
- code text #e5e0f3
- accent ember orange #d9601e
- blurred background umber #3a2418
- text #ffffff
- deep shadow #1e120b
- canvas #000000
- strap lime #b7f000
- card lime #a8e000
- ink on lime #0a0a0a
- dusk slate #3a4a5e
- lake blue #6e8fb0
- blossom pink #e8a7b5
- night water #18202b
- mist white #f4f1f2
- teal deep #4a8ba0
- teal light #7fb0c4
- cream #f5f0d0
- play yellow #f5c542
- ink #14262c
- flame orange #d2713a
- ash brown #8a5a48
- text #ffffff
- smoke #2b2522
- black #0b0b0c
- graphite #2a2a2c
- text #ededed
- walnut #2b2018
- lamp gold #d9a25e
- linen #f6efe6
- navy #0f2a4a
- gold #c9a24a
- sapphire #2f6fd6
- text #ffffff
- midnight #081627
- night blue #16163a
- track red #c8324a
- cloud pink #e86a8a
- text #ffffff
- periwinkle #a9bedf
- ink navy #243a5e
- signal orange #f0603a
- white #ffffff
- black #000000
- alert red #e0213a
- steel #b8bcc2
- white #ffffff
- neon teal #12c9e0
- sunset orange #f27a4a
- night #0d1420
- white #ffffff
- rose #c8606a
- peach milk #ffe2d2
- white #ffffff
- berry ink #4a1820
- storm black #111820
- slate #667b88
- rain gray #9db0ba
- white #ffffff
- maroon texture #5a1e22
- cobalt #2f5bff
- signal orange #ff9a1a
- cream #fffde5
- black #0e0e0e
- gray #9a9a9a
- white #f2f2f2
- sky white #fafdff
- haze blue #c6dae3
- flight blue #0062d6
- ink #0d2233
- crimson #9c0626
- blaze #dd4f02
- amber #f29900
- cream #f2e5dd
- paper #e9eef2
- slate teal #2f3f4c
- ink #080e1c
- void #07080b
- frost #e9ecf1
- signal violet #7c8bff
- snow #dde6ec
- night #0e1418
- flare orange #e2672e
- sage #a8b5a0
- oat #f3eee6
- forest ink #2f3a2e
- black #000000
- titanium #9a9da3
- acid lime #c6ff3d
- white #ffffff
- paper #efe9df
- oxblood #5b1a18
- black #111111
- limestone #f4efe6
- pew ink #24302b
- terracotta #a4432a
- sage #dfe6d9
- paper #fbfaf5
- river ink #10221b
- tomato #c8371c
- leaf #c7e36b
- notebook paper #fffdf6
- navy #1d2a44
- classroom blue #1f5fbf
- bus yellow #ffd23f
- cool paper #f3f5f4
- slate ink #1b2a2f
- deep teal #1f5c5a
- notice brick #b4472f
- gallery black #0f0e0d
- bone #ece6dc
- safelight amber #d9a35f
- charcoal #1c1a18
- cream stock #f6f0e4
- letterpress ink #22201c
- oxblood #6b1f2a
- linen #e9dfcc
- newsprint #f2efe6
- press black #141414
- riso blue #2b3bd6
- fluoro pink #ff4f9a
- white #ffffff
- signage ink #111827
- commons green #0a7d4f
- signal orange #ff7a1a
- warm white #faf8f5
- charcoal #262421
- olive #4b5a3a
- sand #e8dcc6
- warm cream #f7f1e8
- harbor navy #13233a
- front door coral #b9472d
- porch blue #d6e2ec
- blush cream #fff6ef
- fig ink #3b2a30
- fig #9a4560
- mint #cfe9dc
- celadon paper #f3f1ea
- garden ink #2f3a2f
- sage olive #5e6f41
- peony #f2cfc1
- soft stone #f5f3ef
- slate #2a2a28
- dusk blue #4f5d6b
- linen #e8e2d6
- cookout cream #fff4e3
- cocoa #2b1d12
- burnt orange #a8401a
- tree green #2f7d5b
- varsity navy #0e1b33
- chalk #f4f1e8
- gold #f2b630
- jersey blue #1d3157
- after dark #101010
- flash white #f5f5f0
- hot coral #ff5a36
- mint flash #3de0b0
- ivory #fbf7ee
- walnut #3a2e1c
- old gold #7e5f17
- champagne #ecdcb1
- rose blush #fff5f8
- berry ink #3a0f24
- deep berry #a3134f
- marigold #f2c14e
- morning sky #f2f6fb
- deep ink #14243b
- tallit blue #2f5fa7
- warm gold #e6b84a
- diploma white #f6f6f2
- gown black #121212
- forest green #146c43
- highlighter #f1d302
- studio black #111111
- white #f2f2f2
- volt #d7ff3a
- graphite #1f1f1f
- pale aqua #f4f9fb
- deep teal ink #0f2b36
- brightwater teal #0f6e8c
- apricot #ffd6a5
- white #ffffff
- van navy #0d1b2a
- heat red #c8300f
- cool blue #dbe9fb
- mint white #f2fbf8
- evergreen #123a33
- fresh green #0b7a5e
- sunny #ffcf5c
- steel #1b1d1f
- shop white #eceae4
- safety amber #f2a900
- gunmetal #2a2d30
- sun #fff3d6
- mole #2a1408
- chile #c22f17
- teal #1e8c7e
- greige #f7f4f1
- cocoa #2b2523
- clay #7a5c4e
- linen #e9dfd5
- oat cream #fbf3e8
- roast #2e1f14
- toffee #7a3e1d
- sage #cfe3d0
Samples use this site’s own fonts, not each style’s, which a vibld project loads from Google Fonts (naming a close substitute where a design’s face is not served there).