Tempered Brick color palette — #FFF0FD · #FF8C84 · #86A900 · #C9001F · #192200

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

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#FF8C84): A luminous, balanced orange — the color of sun-warmed clay.
• Moss (#86A900): A luminous, vivid green — the color of a quiet forest floor.
• Ruby (#C9001F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Antique Plum Atelier color palette (#FBF1FF, #FF84B2, #B79700, #C1006A, #261D00)
• Marigold Dune color palette (#FFF1F5, #F59B18, #00B582, #965C00, #002518)
• Faded Courtyard color palette (#FFF2EC, #F56900, #8C9100, #C4009D, #240900)
• Airy Rose color palette (#FBD8F6, #FF9189, #00BEC4, #F72234, #003537)
• Linen Magenta color palette (#FFF1F7, #EF8F3E, #CE53E3, #954E00, #28072E)
• Timeworn Honey color palette (#FFF1F5, #FAB52F, #7D4B00, #2E1900, #040001)
• Ember Courtyard color palette (#FFF0FA, #D8D9CD, #FFC486, #D75A55, #471F09)
• Chalky Study color palette (#E9FBE8, #F7AE46, #E17DCA, #A16800, #3C1934)

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