Colours

Colour Palette

black $darkgrey Hex Code: #3D3935
RGB: 61 57 53
ripe orange $orange Hex Code: #F7A814
RGB: 255 170 10
zingy lime $yellow Hex Code: #ECE548
RGB: 236 229 72
splash blue $blue Hex Code: #09B4D8
RGB: 9 180 216
leaf green $green Hex Code: #48B172
RGB: 72 177 114
fresh purple $purple Hex Code: #CCA8D0
RGB: 204 168 208
warm red $red Hex Code: #E94D41
RGB: 233 77 65
ripe orange tint $orange_tint Hex Code: #FACD77
RGB: 250 205 119
zingy lime tint $yellow_tint Hex Code: #F6F2A4
RGB: 246 242 1
splash blue tint $blue_tint Hex Code: #4FDAF8
RGB: 79 218 248
leaf green tint $green_tint Hex Code: #8ED1A9
RGB: 142 209 169
fresh purple tint $purple_tint Hex Code: #F3EAF4
RGB: 243 234 244
warm red tint$red_tint Hex Code: #F4A39C
RGB: 244 163 156

Colour Usage

All colours are checked against Web Content Accessibility Guidelines (WCAG) standards

– Background Colours

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Fails WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Fails WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Fails WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Fails WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Fails WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for header but fails on text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for header but fails on text with regards colour contrast

– Tinted Background Colours

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Temporibus autem

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.

Passes WCAG AA standard for both header and text with regards colour contrast

Alert Colours

This is a success message

This is an error message

This is a standard warning message

Product successfully added to Dans Wishlist.

Border Colours

An example of a dark border
An example of a light border

Shadows

An example of a dark shadow
An example of a light shadow

Account Alert Colours

Awaiting Shipment Partially Shipped Pending Manual Verification Required Cancelled Awaiting Fulfilment Completed Shipped Partially Refunded Refunded Declined