Tempered Brick color palette — #FFDBD3 · #00D184 · #009FBB · #C90035 · #00312A

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

The five colors

• Shell Pink (#FFDBD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Clover (#00D184): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#009FBB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#C90035): A full-bodied, vivid red — the color of a theater curtain.
• Deep Forest (#00312A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Muted Mint Quarry color palette (#FFDDC5, #00CF9C, #009DC6, #A55100, #00302E)
• Sunlit Plum color palette (#FFD7ED, #97C300, #00A494, #BF007A, #00330B)
• Timeworn Plum color palette (#CAEFFE, #00BDD2, #0098BF, #BD0057, #002D08)
• Faded Scarlet color palette (#E1EFDB, #7BC9A6, #58ABC1, #C94953, #583800)
• Powdered Hollow color palette (#FFF1F5, #00DECA, #1EA7F5, #A96A00, #003D43)
• Cornflower Atelier color palette (#F8E3B3, #00C9CD, #2B8CFE, #896500, #002E3A)
• Weathered Lagoon color palette (#FFF0FA, #ACDDC7, #79B9D1, #B77A68, #2F4D54)
• Indigo Atelier color palette (#D1F1E0, #00AAC7, #5B6BD1, #605600, #001827)

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