Frosted Brick color palette — #F4E4DC · #B60C00 · #006058 · #003A56 · #100000

Built around Ruby, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Parchment (#F4E4DC): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#B60C00): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003A56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#100000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged warm.

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

• Quiet Veranda color palette (#EEDED3, #9C4402, #005F5F, #052684, #0C0200)
• Plum Study color palette (#FFE9E6, #AF0060, #006424, #003D43, #100000)
• Ancient Atelier color palette (#F5EEE0, #A26000, #524C00, #003045, #120900)
• Cocoa Garden color palette (#FFE8DE, #702C00, #004034, #002221, #0C0200)
• Aged Pine Loft color palette (#EFDAE4, #BC5E00, #00873C, #005A8A, #0B0200)
• Ancient Mulberry Summit color palette (#E7E0F8, #9C1790, #005766, #00284F, #030003)
• Antique Ember color palette (#F8DFD1, #E34300, #575600, #7C2000, #020200)
• Worn Ember Garden color palette (#FFDCCF, #E15203, #008986, #00579E, #3A0F00)

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