Chartwell · Bold · Light/Dark
PublicToken Inspector46 tokens
Chartwell • Light Theme
onBrandPrimaryAAA8.9:1#FFFFFF← contrastText/icon on primary
brandPrimaryContainerAAA13.6:1#CAD0E2← primary[1]Container for primary elements
onBrandPrimaryContainerAAA13.6:1#000000← contrastText on primary container
brandSecondaryAA5.7:1#3280FF← secondary[5]Secondary brand color
onBrandSecondaryAA5.7:1#000000← contrastText/icon on secondary
brandSecondaryContainerAAA14.2:1#CCD5E4← secondary[1]Container for secondary elements
onBrandSecondaryContainerAAA14.2:1#000000← contrastText on secondary container
brandAccentAAA10.4:1#FFA101← accent[5]Accent color for highlights
onBrandAccentAAA10.4:1#000000← contrastText/icon on accent
surfaceBaseAAA20.1:1#FAFAFA← neutral[9]Base page background
surfaceRaisedAAA19.2:1#F4F5F5← neutral[8]Raised cards, panels
surfaceOverlayAAA17.9:1#EDEDEE← neutral[9]Modals, popovers
surfaceSheetAAA18.4:1#EFF0F0← neutral[9]Bottom sheets, drawers
surfaceSunkenAAA16.8:1#E5E6E6← neutral[7]Inset areas, wells
surfaceInverseAAA17.1:1#1A1C1E← neutral[1]Dark surface for contrast
backdropLightFail1.0:1#FFFFFF← white@50%Light backdrop overlay
backdropDarkFail1.0:1#000000← black@50%Dark backdrop overlay
scrimFail1.0:1#000000← black@70%Modal backdrop
shimmerFail1.0:1#F8F8F8← neutral[7]@30%Loading shimmer effect
textPrimaryAAA17.9:1#121212← neutral[0]Primary text color
textSecondaryAAA7.3:1#4F545A← neutral[3]Secondary/muted text
textDisabledFail2.6:1#9B9EA1← neutral[5]Disabled text
textInverseAAA15.3:1#F2F2F2← neutral[9]Text on dark surfaces
successAAA7.2:1#1DAF1D← green[5]Success state
successSubtleAAA17.8:1#E8EEE8← green[8]Subtle success background
successContainerAAA15.2:1#CBE1CB← green[2]Success container
onSuccessAA5.8:1#141F14← contrastText on success
warningAAA8.5:1#E59306← amber[5]Warning state
warningSubtleAAA17.7:1#EEEBE8← amber[8]Subtle warning background
warningContainerAAA15.0:1#E2D9CA← amber[2]Warning container
onWarningAAA7.3:1#1B160E← contrastText on warning
dangerAA5.1:1#D52515← red[5]Danger/error state
dangerSubtleAAA17.3:1#EEE8E8← red[8]Subtle danger background
dangerContainerAAA13.7:1#E2CCCA← red[2]Danger container
onDangerA3.5:1#1F1514← contrastText on danger
infoAAA8.4:1#1CB1E3← blue[5]Info state
infoSubtleAAA17.7:1#E8ECEE← blue[8]Subtle info background
infoContainerAAA14.8:1#CADCE2← blue[2]Info container
onInfoAA6.9:1#141C1F← contrastText on info
borderDefaultA3.0:1#8C9198← neutral[6]Default border
borderStrongAA6.3:1#5B6166← neutral[4]Strong/emphasized border
borderFocusAAA8.9:1#153BB8← primary[4]Focus ring color
borderErrorAA5.1:1#D52515← red[5]Error state border
borderSuccessAAA7.2:1#1DAF1D← green[5]Success state border
borderInverseAAA17.1:1#1A1C1E← neutral[7]Border on dark surfaces