ContainerTypographyColorsResponsivenessSpacing

Colors

planet.teal.250 (#bfe6eb)
planet.teal.500 (#009da5)
planet.teal.600 (#66c4d0)
planet.teal.lightAlpha (#40B6C520)
planet.teal.lightBigAlpha (#40B6C575)
planet.teal.light (#40B6C5)
planet.teal.lightest (#f2fafc)
planet.teal.dark (#009da5)
planet.teal.darker (#007980)
planet.teal.darkest (#006166)
planet.ui.teal.10 (#e5f5f7)
planet.ui.teal.20 (#ccebef)
planet.ui.teal.40 (#99d8e0)
planet.ui.teal.50 (#7fced8)
planet.ui.teal.lightAlpha (#ddeef1)
planet.ui.teal.light (#007F99)
planet.ui.teal.mid (#005668)
planet.ui.teal.dark (#004352)
planet.ui.teal.grey (#6E787A)
planet.ui.lightBlue (#e4eaeb)
planet.ui.darkGrey (#5e6569)
planet.ui.darkGreyGreen (#21282b)
planet.ui.darkGreyBlue (#242e33)
planet.ui.darkBlue (#163243)
planet.ui.error.pos (#DB3A25)
planet.ui.error.neg (#FFD3CD)
planet.ui.offWhite (#f0f7f8)
planet.grey.lightest (#f5f5f5)
planet.grey.light (#dedede)
planet.grey.medium (#8f9399)
planet.grey.mediumDark (#4f5258)
planet.grey.dark (#444)
planet.grey.darker (#252525)
planet.grey.darkest (#191919)
planet.darkGrey.100 (#f5f5f5)
planet.darkGrey.150 (#ebebec)
planet.darkGrey.200 (#e1e2e3)
planet.darkGrey.300 (#cdcfd0)
planet.darkGrey.500 (#919698)
planet.darkGrey.700 (#72787b)
planet.darkGrey.900 (#4a5255)
planet.darkGrey.1000 (#363f43)
planet.red (#e3000f)