color palettesTurquoise punch
Bold
A cool foundation with an upbeat pink.
Color / A considered starting point
Teal color palettes.
Move between deep petrol controls and pale aqua panels while keeping one clear interaction color.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Cherry soda
Bold
Cherry pink and an unexpected cool splash.
Poster yellow
Bold
Ink, paper, and a confident yellow.
Amber petrol
Bold
Petrol blue with an amber highlight.
Peach mist
Soft
Peach paper and a cool misty accent.
Mauve seafoam
Soft
Mauve lettering and a seafoam lift.
Morning glacier
Soft
An airy blue with a quiet green note.
Almond aqua
Soft
Natural almond beside pale aqua glass.
Shell lagoon
Soft
Shell warmth beside a shallow lagoon.
Lichen lake
Earthy
A lake-colored anchor with lichen detail.
River silt
Earthy
A cool river palette with a silt accent.
Rattan lagoon
Earthy
Natural rattan with a watery accent.
Midnight mint
Dark
Cool midnight with a luminous mint signal.
Deep lagoon
Dark
A deep lagoon lit by pale sand.
Charcoal orchid
Dark
Charcoal warmth and an orchid glow.
Violet glacier
Dark
Violet night with a glacial blue accent.
Sunbaked teal
Warm
Sunbaked sand beside a cool blue-green.
Slate linen
Minimal
Slate structure on a linen-white page.
Fog graphite
Minimal
Graphite type in a cool fog.
Ash mineral
Minimal
Ash neutrals with a mineral-green edge.
Nordic graphite
Minimal
Cool graphite with a pale northern blue.
Make the colors work
More than a set of swatches.
Choose an anchor, then a counterpoint
Turquoise Punch uses deep teal for actions and pink for supporting highlights. Deep Lagoon uses a dark base with a lighter aqua action. Compare those roles before trying to force the same teal into both a light and a dark interface.
Separate near-neighbor categories
Teal and green can look distinct in isolated swatches but become hard to tell apart in a small chart. Give data categories labels and shapes, and test representative chart sizes. The color-vision preview helps inspect a direction; it cannot promise universal distinguishability.
Let the imagery influence the surface
Aqua surfaces can echo water or glass imagery, but they can also compete with it. Keep image captions on a checked surface and compare a neutral alternative. The image extractor gives you source colors; the generator lets you assign their jobs.