yarn add use-color-system
import {useColorSystem} from 'use-color-system'
// Setup const colors = useColorSystem({ hueOffset: 0, // random number: 0-40 colorSchemePreference: 'light', // light | dark | inverted luminanceRange: 70 // 100 for maximum contrast }); theme.colors = colors; // Basic usage colors.blue[0] // Usage with styled-system <Box bg="gray.9" color="blue.0"> Hello <Text color="red.5">World</Text> </Box>