Brick Loft color palette — #D6E8FB · #006CBF · #AC060D · #3B4000 · #000B1C

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

The five colors

• Frost (#D6E8FB): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#006CBF): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#AC060D): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#3B4000): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Amethyst Alley color palette (#E2E9FF, #6A4BD6, #8F4200, #284500, #0C002B)
• Dusty Quarry color palette (#CEE5F1, #00788C, #9E007C, #5A2F00, #000D11)
• Pale Amethyst Balcony color palette (#E4E8F8, #753FDD, #A40066, #4D3700, #0E0029)
• Aged Periwinkle Archive color palette (#F9D8FC, #3C9AFE, #AE3900, #4D6100, #001F41)
• Ancient Grove color palette (#E8E6FB, #925AA8, #815E00, #00503F, #100B25)
• Gentle Amethyst color palette (#E5E0FF, #7A12F2, #A70030, #652800, #231343)
• Wandering Mulberry color palette (#E3EFFD, #2A97FC, #A70054, #004D8C, #0C0003)
• Softworn Aubergine Meadow color palette (#DBE8C7, #4179E6, #800097, #003D14, #11013D)

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