🎨 Q2G Documentation Color Themes

Click on any theme to see the CSS variables. Pick your favorite!

1. Ocean Blue

Clean, professional, calming

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

2. Forest Green

Natural, fresh, trustworthy

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

3. Slate Gray

Modern, neutral, sophisticated

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

4. Warm Terracotta

Earthy, warm, inviting

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

5. Deep Teal

Bold, confident, modern

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

6. Soft Coral

Friendly, approachable, warm

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

7. Royal Navy

Professional, authoritative, classic

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

8. Sage Green

Soft, organic, balanced

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

9. Dusty Rose

Elegant, soft, sophisticated

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

10. Golden Sand

Warm, optimistic, energetic

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

11. Midnight Purple

Creative, luxurious, unique

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

12. Steel Blue

Reliable, stable, professional

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

13. Olive Branch

Natural, grounded, peaceful

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

14. Copper Rust

Industrial, bold, vintage

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

15. Arctic Ice

Fresh, clean, crisp

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

16. Charcoal

Sleek, minimal, powerful

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

17. Mint Fresh

Refreshing, modern, lively

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

18. Plum

Rich, distinctive, creative

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

19. Burnt Sienna

Rustic, warm, authentic

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.

20. Emerald

Vibrant, fresh, positive

Sample Heading

This is sample body text showing how content would look with this theme.

Note: This is an info box example.
selected! Tell me which one you want.