Kitchen Sink (Dev) - HomeFastCalc

Kitchen Sink

Both palettes render regardless of the active mode. Live components (§3) follow the app appearance (System / Light / Dark — V116-DARK-1).

1 · Token swatches

token

light

dark

background

#F4F9F0

#0F1419

surface

#FFFFFF

#0B3D2E

backgroundElement

#FDFAED

#144B36

backgroundSelected

#EDF8F2

#1B6E4D

border

#E0D8CC

#2F6B50

text

#1A2332

#E8ECF1

textSecondary

#2E4A3F

#D7E0D8

link

#0C4531

#A7D7BE

heading

#0C4531

#D7E0D8

accentText

#8A6420

#E0C35C

brand

#0F5738

brandDeep

#0B3D2E

brandText

#0F5738

#7BD0A6

greenLifted

#2D6A4F

#62B894

accent

#D7B269

#E0C35C

mint

#D8EDE4

#25382F

onBrand

#FFFFFF

onAccent

#1A2332

fieldBarFilled

#1E8C60

fieldBarPriming

#C8973A

fieldBarOptional

#9CA3AF

fieldLabelPriming

#E0C35C

fieldLabelOptional

#576878

#A8B8AE

required

#C0392B

#F5A0A0

segmentBg

#F4F6F8

#144B36

fieldBorderLive

#6DC99E

badgeBg

#D4F0E2

#14694A

badgeText

#14694A

#D4F0E2

goldOnDark

#E0C35C

washGreen

#EDF8F2

#0B3D2E

washGold

#FDFAED

#0F5738

washBorder

#6DC99E

#2F6B50

2 · Contrast pairings

text on background

light

14.77:1 · AAA

dark

15.60:1 · AAA

text on surface

light

15.78:1 · AAA

dark

10.28:1 · AAA

textSecondary on background

light

9.07:1 · AAA

dark

13.70:1 · AAA

textSecondary on surface

light

9.69:1 · AAA

dark

9.03:1 · AAA

link on background

light

10.28:1 · AAA

dark

11.55:1 · AAA

accentText on background

light

5.01:1 · AA

dark

10.69:1 · AAA

onBrand on brand

light

8.60:1 · AAA

dark

8.60:1 · AAA

onBrand on brandDeep

light

12.20:1 · AAA

dark

12.20:1 · AAA

text on mint

light

12.89:1 · AAA

dark

10.50:1 · AAA

onAccent on accent

light

7.86:1 · AAA

dark

9.12:1 · AAA

⚠ DO NOT USE — textSecondary on brand

light

1.13:1 · FAIL

dark

6.37:1 · AA

⚠ DO NOT USE — textSecondary on brandDeep

light

1.26:1 · FAIL

dark

9.03:1 · AAA

3 · Live components (OS scheme)

Card

Body text on surface.

Secondary text on surface.

Primary button

Gold chip

linkPrimary text (link token)

Body text sample.

Secondary body sample.

4 · Typography

sans — The quick brown fox jumped ($1,234,567)

serif — The quick brown fox jumped ($1,234,567)

rounded — The quick brown fox jumped ($1,234,567)

mono — The quick brown fox jumped ($1,234,567)

Express Start

Results

Learn