Brick Loft color palette — #D1E7EF · #008E9E · #C20711 · #00444C · #040000

Built around Ruby, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#D1E7EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C20711): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Worn Cobalt color palette (#DFF0FF, #0086C6, #9D4E00, #004062, #030100)
• Plum Basin color palette (#D2F2F7, #00937B, #B41275, #00473A, #040001)
• Patina Field color palette (#CBE8D2, #006B77, #910013, #00333A, #260002)
• Mulberry Grove color palette (#C2EDF9, #007487, #960084, #504200, #000102)
• Misty Raspberry color palette (#DFEFFD, #0095E0, #E00092, #00689E, #240013)
• Ember Delta color palette (#EAF8FF, #2ED5FD, #E05F00, #007790, #371100)
• Cocoa Coast color palette (#F7D8E2, #A28042, #6F4100, #3A1500, #020100)
• Amber Summit color palette (#DAE7F5, #B28600, #002C51, #0B0B14, #000104)

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