Berlin Concrete color palette — #F1F1EF · #C9C9C4 · #F25C05 · #8F8F88 · #262624

Built around Pumpkin, softened by Gray — the whole palette hums with optimism and energy.

The five colors

• Cream (#F1F1EF): bright and airy, almost weightless.
• Oat (#C9C9C4): soft and architectural.
• Pumpkin (#F25C05): A luminous, vivid orange — the color of autumn markets.
• Gray (#8F8F88): a calm mid-gray that lets other colors speak.
• Onyx (#262624): a grounded near-black with real depth.

Feels like: Optimism, Energy, Sophistication. Tagged iconic, muted.

Use it as a design system

One click turns Berlin Concrete 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

• Ember Canyon color palette (#F9E2D8, #D65C00, #7C8100, #98477F, #311804)
• Patina Amber Balcony color palette (#FAE7E1, #C38252, #8F6A3A, #4D4D46, #02311C)
• Chestnut Alley color palette (#F4EBE4, #D4C0AF, #B8A085, #8C4E2D, #281C15)
• Sunlit Ember Ridge color palette (#F9EAE1, #FF8A82, #F35F10, #A96600, #2C0F00)
• Amber Courtyard color palette (#F4DAAE, #D97400, #8A6000, #005726, #351E02)
• Misty Clover color palette (#DCF1F2, #00B745, #B88000, #2C1C00, #060300)
• Washed Boulevard color palette (#FFE9DA, #C68200, #6F3000, #2F1000, #060100)
• Hushed Apricot color palette (#FFF1EA, #FFCBB1, #EAA25A, #A75759, #3C3531)

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