Brick Drift color palette — #DEEDF5 · #007A8E · #B80414 · #414D00 · #000203

Ruby and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEEDF5): bright and airy, almost weightless.
• Teal (#007A8E): A full-bodied, balanced blue — the color of deep harbor water.
• Ruby (#B80414): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#414D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, 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

• Powdered Plum Coast color palette (#D6ECF9, #007899, #B1035E, #5A4200, #000204)
• Indigo Parlor color palette (#E1E8FD, #6656CC, #AA3104, #494A00, #02000D)
• Mulberry Workshop color palette (#E0E9FD, #6064CA, #921473, #373A00, #000205)
• Aged Basin color palette (#E4F4DB, #006152, #653900, #322800, #000202)
• Airy Raspberry Dune color palette (#F7E4FF, #DC307A, #A25C00, #136109, #0F0004)
• Worn Iris Lantern color palette (#D7E4FE, #8294FF, #975C00, #00773B, #06052E)
• Frosted Corridor color palette (#C9F1E9, #2778DB, #7D2BA0, #094806, #020018)
• Worn Ember Station color palette (#D7DEF1, #9895F2, #DA6C49, #657900, #181536)

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