@page-ui/wizard/components/bricks/theme/default-colors.ts

Landing page components & templates that you can copy & paste

export const DEFAULT_COLORS = {
  primary: {
    lighter: '#cbd5e1',
    light: '#94a3b8',
    main: '#64748b',
    dark: '#475569',
    darker: '#334155',
  },
  secondary: {
    lighter: '#d6d3d1',
    light: '#a8a29e',
    main: '#78716c',
    dark: '#57534e',
    darker: '#44403c',
  },
  primaryTailwindName: 'slate',
  secondaryTailwindName: 'stone',
};

export const LIME_FUCHSIA_COLORS = {
  primary: {
    lighter: '#bef264',
    light: '#a3e635',
    main: '#84cc16',
    dark: '#65a30d',
    darker: '#4d7c0f',
  },
  secondary: {
    lighter: '#f0abfc',
    light: '#e879f9',
    main: '#d946ef',
    dark: '#c026d3',
    darker: '#a21caf',
  },
  primaryTailwindName: 'lime',
  secondaryTailwindName: 'fuchsia',
};