Hazy Brick Coast color palette — #F3DCD1 · #B82F19 · #00543D · #3E006D · #2C0846

Brick and Royal Purple set the tone — five colors that lean into creativity and balance.

The five colors

• Shell Pink (#F3DCD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#B82F19): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#00543D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Royal Purple (#3E006D): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2C0846): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

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

• Frosted Plum Basin color palette (#F5DBD4, #B82849, #125504, #121C78, #201347)
• Ancient Aubergine Delta color palette (#EFDECB, #8E5C00, #00505C, #49005B, #370336)
• Washed Navy Archive color palette (#FFEEE5, #BA533C, #006537, #2A2A84, #45153C)
• Plum Basin color palette (#F4DADB, #A3348B, #4E4800, #003346, #10184B)
• Aged Amber color palette (#FFF3E8, #B67941, #007369, #56386F, #4F2A3D)
• Amber Field color palette (#F5DDC3, #BB7300, #5C6C00, #004F3D, #410205)
• Lowlit Cocoa color palette (#F1DDC1, #614400, #003037, #280020, #100002)
• Bronze Boulevard color palette (#FFE5ED, #945D00, #414D00, #003023, #1E0002)

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