Brick Harbor color palette — #DDEDFF · #1282DD · #BC3B6A · #B60026 · #00315B

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

The five colors

• Frost (#DDEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#1282DD): A full-bodied, vivid blue — the color of deep harbor water.
• Magenta Rose (#BC3B6A): A full-bodied, vivid red — the color of a theater curtain.
• Ruby (#B60026): A full-bodied, vivid orange — the color of toasted spice.
• Navy (#00315B): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Weathered Station color palette (#F1F5FF, #6E60D8, #B3245D, #475000, #282451)
• Misty Chapel color palette (#D6F0FF, #008DAF, #A345A8, #AD0067, #003645)
• Quiet Cornflower Field color palette (#E0ECFF, #5B8BFF, #954800, #634800, #1C2E59)
• Misty Thicket color palette (#D4EDFD, #007699, #944400, #5E4200, #002330)
• Misty Raspberry color palette (#C1F7FA, #009671, #C71A7E, #AC001F, #003A2A)
• Pale Raspberry Harbor color palette (#B9EFFF, #0092AE, #BC2E9F, #716100, #001C23)
• Softworn Bronze Study color palette (#F1F5FF, #7B84BD, #AC6914, #746200, #2D3750)
• Washed Peony color palette (#CBF3FF, #00ADCE, #E43DC1, #917D00, #003743)

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