Liquid Glass Color Editor
Edit colours and glass
Choose a palette, set your own colours and check contrast before you save.
On this page
Open Admin > Plugins, find Liquid Glass Color Editor and click Settings.
- Choose a palette under Start with a palette, or set the colours yourself.
- Watch the panel and the preview cards update as you edit.
- Click Submit to keep the result, or close the window to return to your saved look.
Nothing is stored while you preview.
Palettes
| Palette | Colours |
|---|---|
| Liquid Glass | Azure, lagoon, coral |
| Aurora | Green, cyan, violet |
| Sunset | Orange, pink, purple |
| Ocean | Deep blues |
| Nebula | Violet, magenta |
| Forest | Greens |
| Rose | Pink, lilac |
| Graphite | Neutral |
Choosing a palette updates the colour and glass fields only. Your footer text and the button colour preference stay unchanged.
Colours
The three accent colours drive the glass tint, glows, rims, active states and the drifting backdrop lights. Dark and light mode have separate backgrounds.
Turn on primary colour matching to apply your primary colour to Pelican’s buttons, toggles and links.
Glass
| Setting | Range |
|---|---|
| Blur | 0 to 80 |
| Saturation | 100 to 320 |
| Accent tint | 0 to 100 |
| Border opacity | 0 to 100 |
| Corner radius | 0 to 40 |
| Large radius | 0 to 48 |
Contrast ratio
The preview shows how the primary colour reads on the dark and the light background. Aim for at least 4.5:1 where the primary colour is used for text. Below that, use the colour for accents rather than text.
Last updated