Tempered Brick color palette — #FFDBD4 · #71CB48 · #009FB7 · #C81400 · #003222

Built around Brick, softened by Lime — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Lime (#71CB48): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#009FB7): A luminous, balanced blue — the color of deep harbor water.
• Brick (#C81400): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Forest (#003222): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Softworn Plum color palette (#FFD9E1, #8DC600, #00A1AC, #C4005F, #00321A)
• Wandering Loft color palette (#FFDCCE, #00D08C, #19A1E1, #A73D00, #00302E)
• Cornflower Meadow color palette (#F7E6C3, #D1B121, #087DED, #9B5100, #2C2300)
• Cornflower Workshop color palette (#F4E4B6, #00CDAB, #0D90F9, #846800, #003033)
• Dusty Plum Bloom color palette (#FFDBD7, #C9B100, #00A58B, #AC21A3, #1E2F00)
• Mulberry Thicket color palette (#F8E2B5, #00B28F, #007D8E, #880068, #00302D)
• Quiet Cabin color palette (#EAE9C8, #90D0AE, #47ABC8, #A17700, #503D00)
• Ancient Driftwood color palette (#FFF2EB, #AFDEBA, #7EB7D1, #BA7965, #3D4D36)

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