Brick Harbor color palette — #F7DEF4 · #4574E0 · #C62E31 · #5F5600 · #00011D

Built around Brick, softened by Sapphire — the whole palette hums with nature and growth.

The five colors

• Blush (#F7DEF4): A whisper-light, dusty pink — the color of peonies in June.
• Sapphire (#4574E0): A full-bodied, vivid violet — the color of a velvet chair.
• Brick (#C62E31): A full-bodied, vivid orange — the color of sun-warmed clay.
• Olive (#5F5600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00011D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, 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

• Hazy Indigo Studio color palette (#F4D7EA, #6368EB, #B53682, #6C5000, #03001D)
• Frosted Scarlet Terrace color palette (#FDE6EF, #9158D8, #C92824, #436000, #080015)
• Weathered Cornflower Field color palette (#FBE2F7, #4274FB, #A73E00, #004F43, #000A07)
• Faded Byzantium Atelier color palette (#DAF2EA, #0082C9, #A340A4, #834000, #00050D)
• Gentle Byzantium Hollow color palette (#E2E2CC, #5186E2, #9B22B7, #00581C, #0A002E)
• Ember Veranda color palette (#FDD9EB, #A896FF, #FE5332, #6D7F00, #201543)
• Raspberry Basin color palette (#F6E1E1, #C7479E, #A05E00, #00621B, #0E0008)
• Hazy Study color palette (#D6EFE8, #3DA0F1, #CC1A6B, #006BB0, #070000)

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