Baroque - AI UI Design Generator

https://getbaroque.com/ 571 elements 4/26/2026
27
Colors
15
Font Families
8
Spacing Values
5
Shadows
4
Border Radii
5
Components
12%
A11y Score

Color Palette

Brand Colors

#00a6e3
Primary
3 uses
#ff6b9d
Secondary
2 uses
#00a6e3
Accent
3 uses

Neutrals

#000000
796 uses
#ffffff
344 uses
#1a1a1a
87 uses
#0a0a0a
2 uses

Full Palette

#000000
text, background, border
796 uses
#ffffff
border, text, background
344 uses
#1a1a1a
background
87 uses
#00a6e3
text, background, border
3 uses
#0a0a0a
background
2 uses
#ff6b9d
text, border
2 uses
#7bff6b
text, border
2 uses
#6bdfff
text, border
2 uses
#ffeb3b
text, border
2 uses
#ff9800
text, border
2 uses
#e91e63
text, border
2 uses
#00ff95
text, border
2 uses
#ff5722
text, border
2 uses
#9c27b0
text, border
2 uses
#4caf50
text, border
2 uses
#03a9f4
text, border
2 uses
#ff5252
text, border
2 uses
#00a849
text, border
2 uses
#fc5200
background
1 uses
#ff2400
background
1 uses

Gradients

Typography

Font Families

ui-sans-serif (body, 514x)ui-serif (all, 43x)Times New Roman (all, 2x)Comic Sans MS (body, 1x)Papyrus (body, 1x)Impact (body, 1x)Brush Script MT (body, 1x)Courier New (body, 1x)Georgia (all, 1x)Trebuchet MS (body, 1x)Arial Black (body, 1x)Lucida Console (body, 1x)Verdana (body, 1x)Palatino (body, 1x)ui-monospace (body, 1x)

Type Scale

72px The quick brown fox 400 / 90px
60px The quick brown fox 400 / 66px
48px The quick brown fox 400 / 60px
24px The quick brown fox 400 / 32px
20px The quick brown fox 400 / 28px
18px The quick brown fox 400 / 29.25px
16px The quick brown fox 400 / 24px
14px The quick brown fox 400 / 20px
13px The quick brown fox 400 / 19.5px
12px The quick brown fox 400 / 19.5px
11px The quick brown fox 400 / 16.5px
10px The quick brown fox 500 / 15px

Spacing Scale (base: 2px)

2px
96px
112px
128px
192px
264px
376px
392px

Box Shadows

sm
sm
sm
lg
xl

Border Radii

8px
md
12px
lg
16px
lg
28px
full

Accessibility

12%
WCAG Contrast Score
15 passing / 108 failing color pairs

Color Pair Analysis

Sample
#010205 on #1a1a1a
1.19:1
FAIL
87x
Sample
#010205 on #000000
1.01:1
FAIL
8x
Sample
#010205 on #010101
1.01:1
FAIL
5x
Sample
#010205 on #0a0a0a
1.05:1
FAIL
2x
Sample
#010205 on #4515ff
2.77:1
FAIL
1x
Sample
#010205 on #6a10ff
3.09:1
FAIL
1x
Sample
#010205 on #1f1dff
2.65:1
FAIL
1x
Sample
#010205 on #020202
1:1
FAIL
1x
Sample
#010205 on #007ab4
4.39:1
FAIL
1x
Sample
#010205 on #007f63
4.17:1
FAIL
1x
Sample
#010205 on #ffffff
20.75:1
AAA
6x
Sample
#000000 on #ffffff
21:1
AAA
3x
Sample
#ffffff on #000000
21:1
AAA
2x
Sample
#010205 on #fc5200
6.27:1
AA
1x
Sample
#010205 on #ff2400
5.44:1
AA
1x
Sample
#010205 on #ff0418
5.22:1
AA
1x
Sample
#010205 on #ec0853
4.67:1
AA
1x