Frosted Brick color palette — #FFDCD1 · #B53400 · #006664 · #004066 · #3B0E03

Brick and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDCD1): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#B53400): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006664): A full-bodied, dusty teal — the color of sea glass.
• Navy (#004066): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B0E03): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Balance. Tagged warm.

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

• Hushed Field color palette (#FCD9E9, #9E5000, #006471, #0024A6, #341600)
• Faded Plum Terrace color palette (#FFD9E1, #BE0058, #006A3F, #004551, #3A0C1B)
• Patina Atelier color palette (#F9E2B1, #AA6E00, #545700, #003C5E, #352600)
• Worn Nightshade color palette (#FFF1F5, #A36700, #007190, #3637A2, #411F2B)
• Hazy Brick color palette (#F4DFF1, #C90028, #006B53, #3B00A0, #1E0002)
• Onyx Harbor color palette (#D8EFDA, #916500, #005A3B, #003657, #3F0043)
• Aubergine Coast color palette (#CCEFD3, #836200, #005F8A, #431592, #2A1D00)
• Linen Station color palette (#CCECDA, #5B5300, #004479, #410053, #100E00)

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