Tempered Brick Ridge color palette — #FCDAEE · #E7417E · #C3002C · #673000 · #321F00

A conversation between Ruby and Hot Pink, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FCDAEE): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#E7417E): A luminous, vivid red — the color of a theater curtain.
• Ruby (#C3002C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#673000): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#321F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Feathered Brick Pier color palette (#F5E0E8, #ED5378, #C4142F, #551E00, #190A00)
• Dusty Plum Harbor color palette (#F1DCF7, #D352A7, #BD0051, #7E0E00, #371A00)
• Wandering Crimson Studio color palette (#F2DEE5, #E2243C, #893E00, #422900, #181300)
• Ember Dune color palette (#F3DED5, #DF4E3A, #008299, #9C0E00, #001F26)
• Hushed Coral color palette (#FED6DA, #FF7553, #B76300, #6B5000, #2F3100)
• Tangerine Veranda color palette (#F2E4DD, #E9780E, #A24300, #5A1B00, #130400)
• Airy Canyon color palette (#E0DBEE, #6991FF, #FC2C3F, #340708, #0F0200)
• Airy Mulberry color palette (#F2DFD7, #F7BA69, #7DB257, #933F80, #411D03)

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