Color palette: Soft blue, Bright brown
Press Space for a new palette. Lock the colors you like and the rest follow them.
Style
- 677DBDSoft blue
- 997C2FBright brown
Space for a new palette, Ctrl+Z to undo, click a color to edit it.
Export
Export
Values
:root {
--steel-blue: oklch(59.971% 0.1014 268.793);
--olive: oklch(59.907% 0.10094 88.049);
}Checks
Readable text pairs
No pair reaches 4.5:1 for body text. Add a much darker or lighter color.
Pairs that merge for color-blind people: 1
Open in the simulatorColors in this palette
| Name | HEX | RGB | OKLCH |
|---|---|---|---|
| Soft blue | #677dbd | rgb(103 125 189) | oklch(59.971% 0.1014 268.793) |
| Bright brown | #997c2f | rgb(153 124 47) | oklch(59.907% 0.10094 88.049) |