---
id: fast-colors.generateoffcenterpalette
title: generateOffCenterPalette() function
hide_title: true
---
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[@microsoft/fast-colors](./fast-colors.md) &gt; [generateOffCenterPalette](./fast-colors.generateoffcenterpalette.md)

## generateOffCenterPalette() function

Generates a greyscale palette using greyscaleConfig. The Lightness (in HSL) of the input color is then compared to the greyscale palette to determine how far off center the input color should be placed. The output palette is then generated with outputSteps number of steps using colorConfig.

<b>Signature:</b>

```typescript
export declare function generateOffCenterPalette(input: ColorRGBA64, outputSteps: number, greyscaleConfig?: ColorPaletteConfig, colorConfig?: ColorPaletteConfig): ColorPalette;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  input | [ColorRGBA64](./fast-colors.colorrgba64.md) |  |
|  outputSteps | number |  |
|  greyscaleConfig | [ColorPaletteConfig](./fast-colors.colorpaletteconfig.md) |  |
|  colorConfig | [ColorPaletteConfig](./fast-colors.colorpaletteconfig.md) |  |

<b>Returns:</b>

[ColorPalette](./fast-colors.colorpalette.md)
