Frosted Brick color palette — #F8DACF · #C50022 · #00524C · #002E59 · #17133A

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

The five colors

• Shell Pink (#F8DACF): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#C50022): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#002E59): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#17133A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Worn Bloom color palette (#FBD8D2, #BE0061, #00524A, #00343C, #091A2D)
• Washed Ridge color palette (#FFEEE5, #C74524, #005F6C, #20386A, #291B48)
• Wandering Terracotta color palette (#F8E9E1, #9C2700, #003F42, #20005B, #1B0024)
• Hazy Aubergine Villa color palette (#F1DEC8, #905B00, #004587, #3C0D66, #281042)
• Wandering Bronze Canyon color palette (#FCDFEB, #9F5500, #4A4A00, #00301D, #1D0004)
• Chestnut Field color palette (#EEE2D7, #7F4300, #37423D, #1D1B00, #120600)
• Feathered Byzantium color palette (#FCD6DB, #A815A6, #335100, #00343D, #061B2B)
• Faded Courtyard color palette (#FFF2EC, #C96956, #00736D, #5A376B, #4A253B)

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