#048204
Dark Green
Primary Colour
rgba(4, 130, 4, 1)
hsla(120, 94%, 26%, 1)
White text
#4B3B96
Purple
Secondary Colour
rgba(75, 59, 150, 1)
hsla(251, 44%, 41%, 1)
White text
#1CB01C
Bright Green
Tertiary Colour
rgba(28, 176, 28, 1)
hsla(120, 73%, 40%, 1)
Black text
#0495E0
Blue
Quaternary Colour
rgba(4, 149, 224, 1)
hsla(200, 96%, 45%, 1)
Black text
#778DA9
Grey
Quinary Colour
rgba(119, 141, 169, 1)
hsla(214, 23%, 56%, 1)
Black text
#2F2F2F
Dark Grey
Senary & Emphasis
rgba(47, 47, 47, 1)
hsla(0, 0%, 18%, 1)
Black text
#048204
Link
Link colour
rgba(4, 130, 4, 1)
hsla(120, 94%, 26%, 1)
White text
#4B3B96
Link Hover
Hover link colour
rgba(75, 59, 150, 1)
hsla(251, 44%, 41%, 1)
White text
#1CB01C
Green
Success
rgba(28, 176, 28, 1)
hsla(120, 73%, 40%, 1)
Black text
#EB6F0E
Orange
Warning
rgba(235, 111, 14, 1)
hsla(26, 89%, 49%, 1)
Black text
#DC3E41
Red
Danger
rgba(220, 62, 65, 1)
hsla(359, 69%, 55%, 1)
Black text
Buttons
Montserrat Font
(Default & Primary font style)
ANTON FONT
(Secondary font style)
This is the closest Google Font to AC COMPACTA
Colours
Default
Primary
Secondary
Tertiary
Quaternary
Quinary
Senary
Muted
Emphasis
Success
Warning
Danger
Background coloured text
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Small Heading
Medium Heading
Large Heading
X Large Heading
3X Large Heading
Large Heading
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.