Brick Drift color palette — #D4E4EA · #007780 · #A70117 · #004046 · #140000

Garnet and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E4EA): bright and airy, almost weightless.
• Teal (#007780): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#A70117): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#004046): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#140000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Petrol Terrace color palette (#DFEBF5, #0071A0, #854500, #003D58, #0D0300)
• Mulberry Drift color palette (#D6F1F4, #007B62, #9E0065, #004334, #120008)
• Plum Courtyard color palette (#D5E3D9, #008E9E, #BF3852, #00606B, #130002)
• Garnet Chapel color palette (#DDEEF4, #005D5F, #770D00, #002627, #130000)
• Patina Mulberry Station color palette (#DDF2FC, #006471, #81007B, #4C3B00, #000203)
• Sunlit Aubergine Boulevard color palette (#CFE7D3, #007983, #69329F, #003236, #020006)
• Misty Loft color palette (#C3E3F7, #2DB9E7, #C14B00, #006E8D, #481700)
• Pale Studio color palette (#D8E8F8, #008AE5, #9F6700, #005590, #281600)

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