Frosted Brick color palette — #F7F0ED · #E89C9B · #408744 · #B42337 · #0E1002

Ruby and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Rose Quartz (#E89C9B): A luminous, balanced orange — the color of toasted spice.
• Fern (#408744): A full-bodied, balanced green — the color of fresh herbs.
• Ruby (#B42337): A full-bodied, vivid red — the color of embers at dusk.
• Ink (#0E1002): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Weathered Chestnut color palette (#F8F0EA, #DCA685, #00896E, #9C4A00, #091103)
• Mulberry Boulevard color palette (#FAEFEE, #D99FBB, #887406, #9D3A72, #140D00)
• Worn Terracotta color palette (#FCF3EE, #E19A82, #7E7000, #9D3D15, #292316)
• Muted Moss color palette (#FAF2FA, #FFA9AB, #779F0D, #C25C62, #122923)
• Quiet Ember color palette (#FAEAE0, #EB662E, #006B55, #822C00, #000503)
• Bronze Chapel color palette (#FFE8E8, #D89D81, #966E00, #434E00, #002A14)
• Hushed Hollow color palette (#FFEFDE, #C88A7B, #6E7027, #423C7B, #341C01)
• Dusty Ember color palette (#FCF2F8, #EFD9C0, #A8A243, #DC5D2C, #05160E)

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