Tempered Brick color palette — #CFE8FF · #2A9DE7 · #B22713 · #885400 · #001A2D

Brick takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#2A9DE7): A luminous, balanced blue — the color of deep harbor water.
• Brick (#B22713): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ochre (#885400): A full-bodied, balanced gold — the color of old brass.
• Midnight (#001A2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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

• Dusty Scarlet color palette (#C4ECFF, #0092AB, #D02F23, #A43A00, #001C22)
• Sunlit Cornflower color palette (#D6E6FF, #517AEB, #C54318, #765F00, #07133D)
• Worn Brick Pier color palette (#C0EDFF, #0094A3, #994EB9, #B02500, #001C20)
• Indigo Field color palette (#EDF1FF, #756AD1, #AE4700, #265700, #130C31)
• Tempered Workshop color palette (#E3EFFF, #3A68BA, #AB2022, #604800, #000727)
• Hushed Rust Balcony color palette (#CCF7E1, #33C0EE, #AC6D00, #D24600, #003647)
• Faded Bronze color palette (#EDF1FF, #8785C7, #A57500, #6F7000, #171D33)
• Tempered Bronze color palette (#D5F2DA, #A7A35F, #886400, #673400, #142100)

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