Appearance
Color Palettes
Different color schemes for your Mermaid diagrams.
Palette 1: Google Cloud
Hex Codes:
- Blue:
#4285F4 - Red:
#EA4335 - Yellow:
#FBBC04 - Green:
#34A853
Palette 2: AWS Orange
Hex Codes:
- Dark:
#232f3e - Orange:
#ff9900 - Light:
#f2f3f3 - Teal:
#1b9db3
Palette 3: Azure Blue
Palette 4: Neon Cyberpunk
Hex Codes:
- Background:
#1a1a2e - Cyan:
#00d9ff - Pink:
#ff2e63 - Purple:
#bf00ff - Yellow:
#ffcc00
Palette 5: Soft Pastels
Palette 6: GitHub Dark
Palette 7: Anthropic/Claude
Palette 8: Ocean Blues
Palette 9: Sunset Gradient
Palette 10: Monochrome
Color Picker Reference
| Style | Primary | Secondary | Accent | Text |
|---|---|---|---|---|
| #4285F4 | #34A853 | #EA4335 | #fff | |
| AWS | #ff9900 | #232f3e | #1b9db3 | #232f3e |
| Neon | #00d9ff | #ff2e63 | #bf00ff | varies |
| Pastel | #e3f2fd | #e8f5e9 | #fce4ec | dark |
| GitHub | #238636 | #1f6feb | #8957e5 | #fff |
| Claude | #d97706 | #f59e0b | #92400e | #fff |