Skip to content

Instantly share code, notes, and snippets.

@uduse
Last active December 3, 2023 20:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uduse/a595e0a703f3d60ca864d71f997b4211 to your computer and use it in GitHub Desktop.
Save uduse/a595e0a703f3d60ca864d71f997b4211 to your computer and use it in GitHub Desktop.
PlantUML Definitions of Tailwind CSS Colors
@startuml
!startsub main
!define C_BLACK 000000
!define C_WHITE FFFFFF
!define C_ROSE_50 FFF1F2
!define C_ROSE_100 FFE4E6
!define C_ROSE_200 FECDD3
!define C_ROSE_300 FDA4AF
!define C_ROSE_400 FB7185
!define C_ROSE_500 F43F5E
!define C_ROSE_600 E11D48
!define C_ROSE_700 BE123C
!define C_ROSE_800 9F1239
!define C_ROSE_900 881337
!define C_PINK_50 FDF2F8
!define C_PINK_100 FCE7F3
!define C_PINK_200 FBCFE8
!define C_PINK_300 F9A8D4
!define C_PINK_400 F472B6
!define C_PINK_500 EC4899
!define C_PINK_600 DB2777
!define C_PINK_700 BE185D
!define C_PINK_800 9D174D
!define C_PINK_900 831843
!define C_FUCHSIA_50 FDF4FF
!define C_FUCHSIA_100 FAE8FF
!define C_FUCHSIA_200 F5D0FE
!define C_FUCHSIA_300 F0ABFC
!define C_FUCHSIA_400 E879F9
!define C_FUCHSIA_500 D946EF
!define C_FUCHSIA_600 C026D3
!define C_FUCHSIA_700 A21CAF
!define C_FUCHSIA_800 86198F
!define C_FUCHSIA_900 701A75
!define C_PURPLE_50 FAF5FF
!define C_PURPLE_100 F3E8FF
!define C_PURPLE_200 E9D5FF
!define C_PURPLE_300 D8B4FE
!define C_PURPLE_400 C084FC
!define C_PURPLE_500 A855F7
!define C_PURPLE_600 9333EA
!define C_PURPLE_700 7E22CE
!define C_PURPLE_800 6B21A8
!define C_PURPLE_900 581C87
!define C_VIOLET_50 F5F3FF
!define C_VIOLET_100 EDE9FE
!define C_VIOLET_200 DDD6FE
!define C_VIOLET_300 C4B5FD
!define C_VIOLET_400 A78BFA
!define C_VIOLET_500 8B5CF6
!define C_VIOLET_600 7C3AED
!define C_VIOLET_700 6D28D9
!define C_VIOLET_800 5B21B6
!define C_VIOLET_900 4C1D95
!define C_INDIGO_50 EEF2FF
!define C_INDIGO_100 E0E7FF
!define C_INDIGO_200 C7D2FE
!define C_INDIGO_300 A5B4FC
!define C_INDIGO_400 818CF8
!define C_INDIGO_500 6366F1
!define C_INDIGO_600 4F46E5
!define C_INDIGO_700 4338CA
!define C_INDIGO_800 3730A3
!define C_INDIGO_900 312E81
!define C_BLUE_50 EFF6FF
!define C_BLUE_100 DBEAFE
!define C_BLUE_200 BFDBFE
!define C_BLUE_300 93C5FD
!define C_BLUE_400 60A5FA
!define C_BLUE_500 3B82F6
!define C_BLUE_600 2563EB
!define C_BLUE_700 1D4ED8
!define C_BLUE_800 1E40AF
!define C_BLUE_900 1E3A8A
!define C_LIGHTBLUE_50 F0F9FF
!define C_LIGHTBLUE_100 E0F2FE
!define C_LIGHTBLUE_200 BAE6FD
!define C_LIGHTBLUE_300 7DD3FC
!define C_LIGHTBLUE_400 38BDF8
!define C_LIGHTBLUE_500 0EA5E9
!define C_LIGHTBLUE_600 0284C7
!define C_LIGHTBLUE_700 0369A1
!define C_LIGHTBLUE_800 075985
!define C_LIGHTBLUE_900 0C4A6E
!define C_CYAN_50 ECFEFF
!define C_CYAN_100 CFFAFE
!define C_CYAN_200 A5F3FC
!define C_CYAN_300 67E8F9
!define C_CYAN_400 22D3EE
!define C_CYAN_500 06B6D4
!define C_CYAN_600 0891B2
!define C_CYAN_700 0E7490
!define C_CYAN_800 155E75
!define C_CYAN_900 164E63
!define C_TEAL_50 F0FDFA
!define C_TEAL_100 CCFBF1
!define C_TEAL_200 99F6E4
!define C_TEAL_300 5EEAD4
!define C_TEAL_400 2DD4BF
!define C_TEAL_500 14B8A6
!define C_TEAL_600 0D9488
!define C_TEAL_700 0F766E
!define C_TEAL_800 115E59
!define C_TEAL_900 134E4A
!define C_EMERALD_50 ECFDF5
!define C_EMERALD_100 D1FAE5
!define C_EMERALD_200 A7F3D0
!define C_EMERALD_300 6EE7B7
!define C_EMERALD_400 34D399
!define C_EMERALD_500 10B981
!define C_EMERALD_600 059669
!define C_EMERALD_700 047857
!define C_EMERALD_800 065F46
!define C_EMERALD_900 064E3B
!define C_GREEN_50 F0FDF4
!define C_GREEN_100 DCFCE7
!define C_GREEN_200 BBF7D0
!define C_GREEN_300 86EFAC
!define C_GREEN_400 4ADE80
!define C_GREEN_500 22C55E
!define C_GREEN_600 16A34A
!define C_GREEN_700 15803D
!define C_GREEN_800 166534
!define C_GREEN_900 14532D
!define C_LIME_50 F7FEE7
!define C_LIME_100 ECFCCB
!define C_LIME_200 D9F99D
!define C_LIME_300 BEF264
!define C_LIME_400 A3E635
!define C_LIME_500 84CC16
!define C_LIME_600 65A30D
!define C_LIME_700 4D7C0F
!define C_LIME_800 3F6212
!define C_LIME_900 365314
!define C_YELLOW_50 FEFCE8
!define C_YELLOW_100 FEF9C3
!define C_YELLOW_200 FEF08A
!define C_YELLOW_300 FDE047
!define C_YELLOW_400 FACC15
!define C_YELLOW_500 EAB308
!define C_YELLOW_600 CA8A04
!define C_YELLOW_700 A16207
!define C_YELLOW_800 854D0E
!define C_YELLOW_900 713F12
!define C_AMBER_50 FFFBEB
!define C_AMBER_100 FEF3C7
!define C_AMBER_200 FDE68A
!define C_AMBER_300 FCD34D
!define C_AMBER_400 FBBF24
!define C_AMBER_500 F59E0B
!define C_AMBER_600 D97706
!define C_AMBER_700 B45309
!define C_AMBER_800 92400E
!define C_AMBER_900 78350F
!define C_ORANGE_50 FFF7ED
!define C_ORANGE_100 FFEDD5
!define C_ORANGE_200 FED7AA
!define C_ORANGE_300 FDBA74
!define C_ORANGE_400 FB923C
!define C_ORANGE_500 F97316
!define C_ORANGE_600 EA580C
!define C_ORANGE_700 C2410C
!define C_ORANGE_800 9A3412
!define C_ORANGE_900 7C2D12
!define C_RED_50 FEF2F2
!define C_RED_100 FEE2E2
!define C_RED_200 FECACA
!define C_RED_300 FCA5A5
!define C_RED_400 F87171
!define C_RED_500 EF4444
!define C_RED_600 DC2626
!define C_RED_700 B91C1C
!define C_RED_800 991B1B
!define C_RED_900 7F1D1D
!define C_WARMGRAY_50 FAFAF9
!define C_WARMGRAY_100 F5F5F4
!define C_WARMGRAY_200 E7E5E4
!define C_WARMGRAY_300 D6D3D1
!define C_WARMGRAY_400 A8A29E
!define C_WARMGRAY_500 78716C
!define C_WARMGRAY_600 57534E
!define C_WARMGRAY_700 44403C
!define C_WARMGRAY_800 292524
!define C_WARMGRAY_900 1C1917
!define C_TRUEGRAY_50 FAFAFA
!define C_TRUEGRAY_100 F5F5F5
!define C_TRUEGRAY_200 E5E5E5
!define C_TRUEGRAY_300 D4D4D4
!define C_TRUEGRAY_400 A3A3A3
!define C_TRUEGRAY_500 737373
!define C_TRUEGRAY_600 525252
!define C_TRUEGRAY_700 404040
!define C_TRUEGRAY_800 262626
!define C_TRUEGRAY_900 171717
!define C_GRAY_50 FAFAFA
!define C_GRAY_100 F4F4F5
!define C_GRAY_200 E4E4E7
!define C_GRAY_300 D4D4D8
!define C_GRAY_400 A1A1AA
!define C_GRAY_500 71717A
!define C_GRAY_600 52525B
!define C_GRAY_700 3F3F46
!define C_GRAY_800 27272A
!define C_GRAY_900 18181B
!define C_COOLGRAY_50 F9FAFB
!define C_COOLGRAY_100 F3F4F6
!define C_COOLGRAY_200 E5E7EB
!define C_COOLGRAY_300 D1D5DB
!define C_COOLGRAY_400 9CA3AF
!define C_COOLGRAY_500 6B7280
!define C_COOLGRAY_600 4B5563
!define C_COOLGRAY_700 374151
!define C_COOLGRAY_800 1F2937
!define C_COOLGRAY_900 111827
!define C_BLUEGRAY_50 F8FAFC
!define C_BLUEGRAY_100 F1F5F9
!define C_BLUEGRAY_200 E2E8F0
!define C_BLUEGRAY_300 CBD5E1
!define C_BLUEGRAY_400 94A3B8
!define C_BLUEGRAY_500 64748B
!define C_BLUEGRAY_600 475569
!define C_BLUEGRAY_700 334155
!define C_BLUEGRAY_800 1E293B
!define C_BLUEGRAY_900 0F172A
!endsub main
@enduml
@startuml
!includesub colors.puml!main
actor bob #C_PINK_50
actor alice #C_PURPLE_100
@enduml
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment