Hazy Brick color palette — #FFDCCD · #FF6456 · #009CBD · #C5080F · #003441

Ruby and Watermelon set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Watermelon (#FF6456): A luminous, vivid orange — the color of sun-warmed clay.
• Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#C5080F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Brick Studio color palette (#FFF0FB, #FF8E78, #00AEBD, #C42000, #002428)
• Quiet Apricot Alley color palette (#FFDDC5, #FF8C47, #0098CC, #8F4000, #003347)
• Timeworn Plum color palette (#FFD9E2, #FF5895, #00A38A, #BF0060, #00372D)
• Wandering Cabin color palette (#FFDAD9, #FFB1B0, #05B9E9, #D90037, #003343)
• Misty Rose color palette (#F2E0DE, #FC2D37, #009297, #0071C1, #47080A)
• Periwinkle Summit color palette (#FFF3E7, #FFA958, #409DFE, #985500, #0D3B69)
• Indigo Terrace color palette (#F2D9C0, #E69428, #5761EC, #8C5500, #1C2157)
• Washed Teal Hollow color palette (#FFF3E8, #E9B993, #3ACABB, #B47F53, #3E5438)

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