Tempered Brick color palette — #EDF6FF · #0097EA · #C81A39 · #006124 · #00223A

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Azure (#0097EA): A luminous, vivid blue — the color of open sky before noon.
• Ruby (#C81A39): A full-bodied, vivid red — the color of embers at dusk.
• Pine (#006124): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00223A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, 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

• Tempered Scarlet Hollow color palette (#EAF8FF, #00ADCF, #CC3C42, #006458, #003932)
• Plum Atelier color palette (#E8F8FF, #0098AA, #B12F9A, #435C00, #002431)
• Pale Loft color palette (#F4F4FF, #B16CD8, #B8397F, #415D00, #201C3F)
• Pale Archive color palette (#FEF0FE, #3673D2, #792800, #3F3F00, #002A2C)
• Quiet Chapel color palette (#E7EAFF, #8156CD, #A21D77, #175000, #0C102D)
• Gentle Bronze Dune color palette (#E9FCE5, #00B4AA, #BA6000, #005651, #031501)
• Sunlit Delta color palette (#EFF6FF, #8DBDFF, #DE5200, #777F00, #00252E)
• Timeworn Orchid color palette (#DFFFE1, #23B4F9, #A662CB, #00661F, #1F3360)

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