Brick Loft color palette — #E6F9FF · #008F93 · #AA001F · #484100 · #1D310C

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

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008F93): A full-bodied, balanced teal — the color of shallow lagoons.
• Garnet (#AA001F): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#484100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#1D310C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Chalky Cocoa Lagoon color palette (#E6F4FE, #0083AA, #823E00, #393F00, #0A2E10)
• Feathered Garnet Courtyard color palette (#CBE7F1, #00777E, #86002A, #283300, #00210C)
• Washed Mulberry color palette (#E8F8FF, #1C99A9, #9C4053, #005543, #034049)
• Faded Orchid Grove color palette (#EDF7FF, #00A7EE, #A64AB5, #8C3800, #233800)
• Tempered Mulberry Corridor color palette (#DCFAEE, #008CC9, #8D2B83, #522F00, #001E11)
• Soft Aubergine Coast color palette (#DCFDF8, #269E26, #7F00A0, #5E3400, #342900)
• Worn Basin color palette (#E1FDF1, #49C5FE, #ED6287, #A16700, #313300)
• Hushed Driftwood Study color palette (#BBF6FE, #7BB0DD, #9371AA, #546137, #284D34)

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