Frosted Brick color palette — #D8E6FD · #008873 · #BB0A06 · #170800 · #050100

Ruby and Fern set the tone — five colors that lean into energy and balance.

The five colors

• Frost (#D8E6FD): A whisper-light, dusty violet — the color of wild irises.
• Fern (#008873): A full-bodied, balanced teal — the color of sea glass.
• Ruby (#BB0A06): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#170800): A deep, shadowed, dusty gold — the color of old brass.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Energy, Balance. Tagged neon, dark, 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

• Rust Ridge color palette (#DCDFFD, #009666, #C14F00, #2B0C00, #060003)
• Antique Brick color palette (#D7EBFD, #0084BC, #B90415, #160700, #050004)
• Moonless Drift color palette (#E7EEFF, #006E63, #990043, #130603, #040000)
• Plum Boulevard color palette (#E3EEFF, #3D8900, #B70055, #190A00, #070000)
• Timeworn Chestnut Chapel color palette (#EDDFEE, #008397, #8A5700, #100F06, #030100)
• Muted Bronze color palette (#F2E1F2, #00A1CB, #B86B00, #1E1A06, #0E0601)
• Smoked Chestnut color palette (#F4E3D5, #785B00, #273100, #001603, #000603)
• Muted Olive color palette (#EEE6DB, #9F9A86, #72762E, #392700, #100700)

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