Tempered Brick color palette — #D9FFF2 · #109EE4 · #B8002D · #544400 · #000503

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

The five colors

• Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#109EE4): A luminous, balanced blue — the color of open sky before noon.
• Ruby (#B8002D): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#544400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

• Airy Plum color palette (#E3FDEE, #008FA8, #BD006E, #603C00, #000602)
• Misty Terrace color palette (#FFF0FD, #5772FF, #A24800, #344800, #000507)
• Tempered Loft color palette (#FFF0FD, #6495FF, #BC0082, #593700, #001808)
• Faded Lantern color palette (#FFF0FD, #7EA3FF, #B65300, #3E5D00, #00181D)
• Wandering Iris color palette (#FFF1F7, #9681D5, #8B5D00, #00591B, #00130B)
• Amethyst Market color palette (#FFF4DE, #70ACFF, #8838EF, #653B00, #0B0550)
• Faded Garnet Garden color palette (#E1F3FF, #006992, #7A0027, #382C00, #001E16)
• Hushed Peony Villa color palette (#D5F7E2, #00ABCA, #FC2CA2, #0C7718, #001C23)

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