Tempered Brick Harbor color palette — #F0D4EA · #EC6A5B · #8771DF · #BB090A · #2A1D52

A conversation between Ruby and Coral Clay, giving this palette its sense of creativity and warmth.

The five colors

• Thistle (#F0D4EA): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#EC6A5B): A luminous, vivid orange — the color of sun-warmed clay.
• Amethyst (#8771DF): A luminous, vivid violet — the color of wild irises.
• Ruby (#BB090A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Indigo (#2A1D52): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Tempered 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

• Hushed Bloom color palette (#FFF2ED, #FC7F74, #9177FF, #BB0415, #190C3C)
• Frosted Boulevard color palette (#F8E4F0, #DC5515, #837E00, #964688, #361306)
• Pale Bronze Thicket color palette (#FFF1F7, #E3A97E, #C38ECD, #BB6819, #523756)
• Plum Dune color palette (#E8D7EE, #DB7292, #9A8600, #B01C5C, #302900)
• Tempered Garnet Courtyard color palette (#EAD8E5, #C35A47, #007980, #891300, #003033)
• Soft Drift color palette (#E1D9F1, #D071BC, #0090CF, #9C2E89, #002C44)
• Muted Marigold color palette (#FFE8F5, #FCCAA8, #DBA350, #A15C4D, #4B250E)
• Frosted Ember Workshop color palette (#F5D7C5, #FF8A59, #00BAA2, #D65200, #003129)

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