Misty Brick Field color palette — #E8F2E4 · #1CA594 · #667AC9 · #A82C30 · #182D10

Garnet and Periwinkle set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F2E4): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#1CA594): A luminous, balanced teal — the color of sea glass.
• Periwinkle (#667AC9): A full-bodied, balanced violet — the color of wild irises.
• Garnet (#A82C30): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#182D10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Misty Brick Field 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

• Gentle Meadow color palette (#E3F3E8, #00A0BB, #8B6EBE, #954800, #0B2E1C)
• Misty Garnet color palette (#EAFAEE, #009BAA, #236BBD, #910900, #03230D)
• Gentle Mulberry Villa color palette (#EBF2DC, #4FA36F, #178BB9, #A02870, #232A0E)
• Misty Cobalt color palette (#EFF5E3, #59A87D, #2374C1, #7A3D00, #00351E)
• Soft Byzantium Hollow color palette (#CAEAFF, #0090CD, #9E43D3, #8C3E00, #002235)
• Softworn Harbor color palette (#D4FFFF, #00BB7A, #BA6E94, #854968, #001A1A)
• Softworn Bloom color palette (#D8F5F6, #00855E, #834093, #752431, #002D2F)
• Soft Delta color palette (#E9F3DC, #38E0A5, #A672C8, #B46A6C, #212A13)

Browse the whole catalog at Explore, or see today's palette.