Brick Harbor color palette — #CEF0FF · #008698 · #C1001E · #004E59 · #260002

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

The five colors

• Frost (#CEF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008698): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C1001E): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#260002): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Powdered Cobalt color palette (#D8EBFF, #238CE0, #8F3800, #00477B, #200700)
• Powdered Brick Lagoon color palette (#D9F6FD, #007385, #AC0410, #7F2C00, #00090D)
• Chestnut Basin color palette (#E0F8E0, #009092, #9A5100, #004546, #030100)
• Plum Cabin color palette (#D4E7EB, #008A7F, #AE0090, #00514A, #22001A)
• Mulberry Bloom color palette (#C9E9E7, #26A058, #9F0051, #005428, #25000E)
• Petrol Atelier color palette (#CFE8FC, #0071A4, #7B4C00, #003C5A, #0B0400)
• Ember Corridor color palette (#B6F0FF, #00B1CF, #DB6500, #00768B, #4C1F00)
• Hushed Rose Study color palette (#EFDFC5, #F8224B, #0087C0, #001420, #000205)

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