Tempered Brick color palette — #E5FBF4 · #0A97F3 · #BA002F · #004521 · #00110A

Ruby takes the lead with Azure close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#0A97F3): A luminous, vivid blue — the color of deep harbor water.
• Ruby (#BA002F): A full-bodied, vivid red — the color of late-summer berries.
• Forest (#004521): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#00110A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, 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

• Crimson Meadow color palette (#FEF0FF, #63AAF7, #C54152, #135A05, #002120)
• Washed Iris color palette (#FFF0F9, #8483EC, #905200, #004241, #001010)
• Plum Parlor color palette (#EAFAEB, #00A6A9, #A80093, #383C00, #090F00)
• Patina Corridor color palette (#D8F2FC, #007A82, #800E40, #00301D, #000E0B)
• Powdered Market color palette (#DCE0F6, #AA89FF, #C157A1, #9E3D38, #002333)
• Linen Indigo Station color palette (#FFECF7, #6D61EB, #753D00, #002D1A, #000201)
• Faded Garnet color palette (#D9E1F4, #575BBC, #830739, #382D00, #002621)
• Powdered Amber color palette (#FEF1F9, #AEB3FC, #C67137, #006B61, #003234)

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