Midnight Brick color palette — #F0D8E2 · #A61F2F · #4B2700 · #130D00 · #000301
Built around Garnet, softened by Espresso — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F0D8E2): A whisper-light, dusty rose — the color of strawberry cream.
- Garnet (#A61F2F): A full-bodied, vivid orange — the color of autumn markets.
- Espresso (#4B2700): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#130D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Brick into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Inked Thicket color palette (#FEDFDD, #924F00, #3F2F00, #0A1100, #000302)
- Plum Station color palette (#ECE5F4, #A72E74, #650204, #1D0B00, #040300)
- Quiet Grove color palette (#FCEAF3, #C648A3, #933E00, #343F00, #090500)
- Hushed Rust color palette (#F8DAD6, #BD4800, #6B3E00, #2B1C00, #060400)
- Deep Mulberry color palette (#CCEBD5, #8A0041, #312000, #000B27, #0C0000)
- Garnet Station color palette (#EBDDEB, #76001D, #392625, #002425, #00081D)
- Onyx Corridor color palette (#F7DFED, #8B5A47, #3E4300, #240C47, #1A011B)
- Muted Garnet color palette (#F2E8F1, #A6949B, #797147, #57000B, #0F050F)
Browse the whole catalog at Explore, or see today's palette.