A24 color palette
EntertainmentA24's brand color identity is stark and minimalist, dominated by a bold black and white palette that reflects its modern, cinematic aesthetic. The brand uses high-contrast monochrome tones with subtle gray accents for UI elements.
a24films.comA24 colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- A24 BlackPrimary0, 0, 0
- A24 WhiteSecondary255, 255, 255
- A24 Light GrayAccent245, 245, 245
Surfaces
Page, cards and dividers.- A24 WhiteBackground255, 255, 255
- A24 Light GraySurface245, 245, 245
- A24 Border GrayBorder224, 224, 224
Text
Three tiers of copy.- A24 BlackText0, 0, 0
- A24 Medium GraySecondary text102, 102, 102
- A24 Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- A24 Success GreenSuccess0, 179, 134
- A24 Warning YellowWarning255, 179, 0
- A24 Error RedError229, 57, 53
- A24 Info BlueInfo33, 150, 243
Use A24's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
a24-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #E53935;
--accent: #F5F5F5;
--border: #E0E0E0;
--primary: #000000;
--success: #00B386;
--surface: #F5F5F5;
--warning: #FFB300;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
A24 gray and neutral colors
The quiet part of the A24 palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- A24 WhiteBackground
- HEX
- RGB
- HSL
- A24 Light GraySurface
- HEX
- RGB
- HSL
- A24 Border GrayBorder
- HEX
- RGB
- HSL
- A24 BlackText
- HEX
- RGB
- HSL
- A24 Medium GraySecondary text
- HEX
- RGB
- HSL
- A24 Muted GrayMuted text
- HEX
- RGB
- HSL
About A24's colors
A24's palette is rooted in high-contrast monochrome, using black and white as the foundation for a clean, cinematic look. Subtle grays are used for depth and hierarchy in UI elements.
Primary black contrasts with white for maximum legibility.
Grays provide subtle separation and structure.
Accent colors are reserved for semantic UI states.
Psychology
The black and white palette conveys sophistication, modernity, and a focus on content. Minimal use of color draws attention to imagery and typography.
Evolution
A24's color palette has remained consistent since its inception, emphasizing timelessness and brand recognition. The brand has always prioritized monochrome tones, with only minor adjustments to gray shades for digital clarity.
Where A24 uses each color
- Primary
Used for the logo, navigation bar, and primary text.
- Secondary
Used for backgrounds and negative space throughout the website.
- Accent
Applied to cards, surfaces, and subtle UI backgrounds.
- Backgrounds
Predominantly white backgrounds for content areas and pages.
- Text
Black for primary headlines, medium gray for secondary text, and muted gray for captions or metadata.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and notifications.
A24 color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary A24 brand color is black, with the hex code #000000.
A24 Black is #000000, which in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100).
A24 uses #F5F5F5 (Light Gray), #E0E0E0 (Border Gray), #666666 (Medium Gray), and #999999 (Muted Gray) for UI elements and text.
Black and white should dominate, with gray tones for structure and semantic colors only for functional UI states. Avoid introducing additional colors to maintain brand consistency.
The secondary color is A24 White, #FFFFFF, and the accent is A24 Light Gray, #F5F5F5. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies A24's colors consistently when it generates UI.
Make something in the spirit of A24
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.