Frosted Brick color palette — #F2DCD3 · #B5322E · #005057 · #002D5C · #18123B

Brick takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F2DCD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#B5322E): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#005057): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#002D5C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#18123B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Frosted 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

• Tempered Ridge color palette (#FAD8D5, #AB3470, #00533F, #003342, #0A1A2E)
• Antique Rust color palette (#F3DCCF, #AC4200, #00505A, #3C0F64, #31002B)
• Frosted Thicket color palette (#F3DDC7, #935900, #004A75, #003052, #0F0F5A)
• Powdered Brick Lantern color palette (#FFEBE4, #A7001B, #00403B, #2C004E, #1E001A)
• Rust Grove color palette (#F8E3EE, #A94C00, #2C5200, #002D37, #110025)
• Plum Ridge color palette (#FFEDEA, #B35272, #006347, #4B226D, #361E4C)
• Hushed Garden color palette (#F2DDCE, #D0620F, #1C771A, #004868, #390037)
• Obsidian Chestnut color palette (#F0DCCA, #7E4400, #37423C, #1C1B00, #120600)

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