Misty Brick color palette — #DDF4DC · #007D7C · #A90A01 · #004241 · #3A0100
Built around Garnet, softened by Teal — the whole palette hums with balance.
The five colors
- Honeydew (#DDF4DC): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#007D7C): A full-bodied, balanced teal — the color of glacier melt.
- Garnet (#A90A01): A full-bodied, vivid orange — the color of sun-warmed clay.
- Deep Teal (#004241): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#3A0100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Balance. Tagged warm.
Use it as a design system
One click turns Misty 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
- Dusty Brick Harbor color palette (#C7EEFC, #007A80, #A7001C, #003F42, #180001)
- Patina Market color palette (#DEF4EA, #00779F, #874500, #003F56, #2D1300)
- Hazy Brick Corridor color palette (#EAEDD1, #2B8200, #A90023, #134500, #3A0006)
- Hushed Crimson Courtyard color palette (#D3EFD6, #0099A0, #D3203D, #005F63, #3A0008)
- Bronze Field color palette (#C6F0DC, #0091BD, #A45B00, #005672, #462400)
- Ancient Cocoa Courtyard color palette (#DCF2ED, #00695D, #7D3600, #5D2F00, #001612)
- Weathered Ember color palette (#E8FAEF, #4BAEC9, #D55F5B, #007189, #48403D)
- Soft Ember color palette (#CAE8F1, #00B2B3, #E95838, #008181, #370500)
Browse the whole catalog at Explore, or see today's palette.