export const panelBackgroundPalette = [{
  label: 'White',
  value: '#FFFFFF'
}, {
  label: 'Light blue',
  value: '#DEEBFF'
}, {
  label: 'Light teal',
  value: '#E6FCFF'
}, {
  label: 'Light green',
  value: '#E3FCEF'
}, {
  label: 'Light yellow',
  value: '#FFFAE6'
}, {
  label: 'Light red',
  value: '#FFEBE6'
}, {
  label: 'Light purple',
  value: '#EAE6FF'
}, {
  label: 'Light gray',
  value: '#F4F5F7'
}, {
  label: 'Blue',
  value: '#B3D4FF'
}, {
  label: 'Teal',
  value: '#B3F5FF'
}, {
  label: 'Green',
  value: '#ABF5D1'
}, {
  label: 'Yellow',
  value: '#FFF0B3'
}, {
  label: 'Red',
  value: '#FFBDAD'
}, {
  label: 'Purple',
  value: '#C0B6F2'
}, {
  label: 'Gray',
  value: '#B3BAC5'
}, {
  label: 'Dark blue',
  value: '#4C9AFF'
}, {
  label: 'Dark teal',
  value: '#79E2F2'
}, {
  label: 'Dark green',
  value: '#57D9A3'
}, {
  label: 'Dark yellow',
  value: '#FFC400'
}, {
  label: 'Dark red',
  value: '#FF8F73'
}, {
  label: 'Dark purple',
  value: '#998DD9'
}].map(color => ({
  ...color,
  border: "var(--ds-border, #0B120E24)"
}));