Tempered Brick color palette — #E8F8FF · #008691 · #C00032 · #584900 · #02313E

A conversation between Ruby and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cerulean (#008691): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C00032): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#584900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#02313E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Plum Corridor color palette (#E1FBFF, #00897A, #B01E75, #5C4700, #003239)
• Hazy Veranda color palette (#EDF6FF, #0083CE, #AA0022, #004E14, #00332A)
• Ancient Mulberry color palette (#EEF6FF, #006DBF, #910057, #3B4000, #02283C)
• Ancient Cerulean color palette (#EBF7FF, #0082A8, #865E00, #00583F, #003041)
• Washed Violet color palette (#F3F4FF, #8A6DC9, #A8563F, #6A4E00, #2F3143)
• Petrol Garden color palette (#CBE2F0, #006C8C, #694F00, #473400, #001D2D)
• Byzantium Canyon color palette (#D2FDEB, #0086B8, #923EB4, #00592D, #001911)
• Soft Ridge color palette (#D0E4FB, #005199, #712900, #183000, #000D21)

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