Hazy Brick color palette — #EDF6FF · #17A7DF · #A8403D · #773120 · #000A0A

Brick and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cyan (#17A7DF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Brick (#A8403D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#773120): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Softworn Indigo Basin color palette (#E9F8FF, #00ADBB, #7C5DC5, #772749, #000F0B)
• Dusty Periwinkle Dune color palette (#EEF6FF, #4AACFF, #BC4E45, #584900, #002304)
• Muted Iris color palette (#F2F5FF, #8382F6, #966100, #624500, #001017)
• Timeworn Cobalt color palette (#EDF7FF, #0077B5, #743300, #3B1600, #000202)
• Lilac Corridor color palette (#F3F4FF, #AA7EED, #B0417B, #5D4A00, #000C15)
• Timeworn Sky color palette (#DCFFEA, #56C3FF, #8270BA, #5F5002, #0E223A)
• Tempered Garnet Drift color palette (#E9FAF1, #006A8D, #872339, #453000, #16220A)
• Softworn Balcony color palette (#EFF6FF, #3472FF, #706500, #3A4D00, #000A07)

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