Tempered Brick Corridor color palette — #F2E3EF · #B21912 · #545700 · #003C4C · #100000

Built around Ruby, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#F2E3EF): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B21912): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#545700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003C4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#100000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Brick Corridor 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

• Fern Thicket color palette (#EEDAE4, #954800, #2C6200, #003A56, #0B0200)
• Frosted Plum color palette (#F5E5FD, #AE0560, #704A00, #003E3C, #0F0004)
• Worn Courtyard color palette (#EEDAE7, #A43700, #005F5F, #48007D, #0E0100)
• Midnight Market color palette (#F2E1DD, #810032, #004126, #002128, #100002)
• Rust Meadow color palette (#FFDDEE, #C65651, #804600, #372E00, #071100)
• Hushed Navy color palette (#F9E9D4, #BA3B71, #664200, #1E0083, #1F0001)
• Gentle Orchard color palette (#F5E5F8, #FA3171, #007040, #005F72, #100002)
• Faded Mulberry color palette (#EAE2F0, #BD5F8C, #00642C, #7E004E, #000202)

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