Hazy Brick color palette — #FFDBD4 · #BF1E00 · #00675B · #004261 · #410400

Built around Brick, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#BF1E00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#00675B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004261): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#410400): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged 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

• Rust Summit color palette (#FFE5F5, #B44000, #006E36, #003B72, #190400)
• Airy Navy color palette (#FFE2F1, #8D4100, #005149, #001492, #320024)
• Soft Nightshade color palette (#FFD8E6, #955700, #006473, #202798, #311900)
• Raspberry Workshop color palette (#F3DAFE, #D12773, #00591C, #00454E, #3D051E)
• Bronze Loft color palette (#D9EFD8, #956200, #005A3E, #003263, #440032)
• Sunlit Bronze Grove color palette (#FDE1A7, #AF6B00, #585500, #003D5A, #372500)
• Timeworn Olive color palette (#F9E1C0, #AF7B00, #6E8200, #005F88, #2C1C00)
• Gentle Bronze color palette (#DFF5E4, #8C6B00, #006994, #4E3474, #162C1D)

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