Quiet Brick color palette — #FFF2ED · #F8827C · #00A992 · #BB001E · #001E18

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#F8827C): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00A992): A luminous, balanced teal — the color of sea glass.
• Ruby (#BB001E): A full-bodied, vivid orange — the color of toasted spice.
• Ink (#001E18): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Apricot Courtyard color palette (#FFF2EA, #F48A4E, #00A2C3, #9E4500, #001C24)
• Crimson Loft color palette (#FFF2EE, #F7A5A8, #00BBD0, #D91143, #002E34)
• Dusty Ember color palette (#FFE9DE, #DD6C4D, #00899C, #8A2300, #00090C)
• Mulberry Station color palette (#FFF1F2, #EF94DD, #00A57A, #9A008A, #001E14)
• Frosted Crimson color palette (#F8DDD6, #E4205B, #007C73, #86002F, #001614)
• Tempered Bronze Meadow color palette (#FFF3E4, #B8B67E, #9B6C11, #742D08, #081700)
• Faded Iris Alley color palette (#FFF2EA, #FF9159, #7391FF, #AC4800, #0C0561)
• Powdered Ember Boulevard color palette (#FFF2EC, #FFC4B7, #6CC5FF, #D85F49, #003D5C)

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