Midnight Brick color palette — #FBE4F7 · #A70312 · #004049 · #001E2C · #000207
Garnet and Deep Teal set the tone — five colors that lean into sophistication and depth.
The five colors
- Blush (#FBE4F7): A whisper-light, dusty pink — the color of peonies in June.
- Garnet (#A70312): A full-bodied, vivid orange — the color of autumn markets.
- Deep Teal (#004049): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001E2C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000207): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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 Brick Grove color palette (#FFE3FA, #A70410, #004140, #0A005C, #000010)
- Mulberry Orchard color palette (#FFE9E6, #9C004D, #2F2C00, #000911, #040001)
- Nocturne Cocoa Hollow color palette (#FAE3D6, #6E3100, #2C2619, #110D00, #060003)
- Obsidian Grove color palette (#E8DEFC, #960083, #234100, #001B38, #000206)
- Muted Ridge color palette (#F4DFE8, #AA603C, #5B591C, #2C2D5C, #0F0C32)
- Hushed Onyx color palette (#E2F4E1, #8B5B00, #004B6A, #40004C, #110016)
- Dusty Bronze color palette (#FFE1D7, #995400, #5C3F00, #272300, #040F00)
- Hushed Cabin color palette (#E1F1E5, #8A6F00, #2C6600, #004039, #000204)
Browse the whole catalog at Explore, or see today's palette.