Chain Link Pattern Design

The Origins of Chain Link

< Chain link is a really simple pattern based on four circles where the diagonally opposite pair punch through to form the new link shape. [/av_textblock] [av_gallery ids='34902,34904,32517' ids_dynamic='' style='thumbnails' frame='default' layout_orientation='landscape' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='no scaling' columns='3' thumbs_hover='' control_layout='av-control-hidden' slider_navigation='av-navigate-arrows' nav_visibility_desktop='' nav_arrow_color='' nav_arrow_bg_color='' imagelink='lightbox' link_dest='' lightbox_text='caption' lazyload='animations_off' img_scrset='' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-sb282o' sc_version='1.0' admin_preview_bg=''] [av_textblock fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' container_tag='' fold_timer='' z_index_fold='' id='' custom_class='' template_class='' av_uid='av-sd0lj5' sc_version='1.0' admin_preview_bg='']

Design Progression

By colouring the various elements it was possible to create a simple 2-colour design. Adding a further ‘link’ meant it was possible to add an extra colour making the pattern more interesting.

Choosing Colours

The first colour combination was blue and grey. I reduced the saturation to give the appearance of being paler without reducing opacity which would have made them see-through.

Final Versions

I like to experiment with my patterns to make sure I haven’t missed a clever combination. For this pattern I have a version with four links – each with a different colour. But in the end the simpler ones were more graphic.

New Pattern Designs

New Pattern Designs
Copyright © ColinWalton 2026