Brick Drift color palette — #F0F5FF · #526FE4 · #B20027 · #2A4400 · #000209

A conversation between Ruby and Sapphire, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sapphire (#526FE4): A full-bodied, vivid violet — the color of a velvet chair.
• Ruby (#B20027): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#2A4400): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Sunlit Violet Corridor color palette (#F2F4FF, #8B5DE0, #993700, #004018, #000210)
• Tempered Rust Ridge color palette (#F1F5FF, #7783E8, #B53500, #1A5900, #040C20)
• Softworn Mulberry color palette (#E6F9FF, #008D93, #9F0045, #313800, #000406)
• Gentle Ultramarine color palette (#F0F5FF, #374DDD, #6E2F00, #002B18, #00000B)
• Faded Grape Drift color palette (#F9DFEB, #653EB0, #650067, #202C00, #0A0005)
• Airy Byzantium Quarry color palette (#D6FFF7, #6DA0FF, #9B33B1, #004D1C, #100D2B)
• Faded Ember color palette (#F5F4FF, #C083D2, #CC6336, #007348, #121729)
• Eclipse Grape Pier color palette (#E2E5FB, #6800B7, #4A2800, #001C19, #020007)

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