Ancient Brick color palette — #FFF0FE · #C3003C · #005D31 · #003E57 · #211C36

Ruby and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C3003C): A full-bodied, vivid red — the color of a theater curtain.
• Pine (#005D31): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#211C36): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Patina Chapel color palette (#F8E6F5, #A7001E, #004D3A, #002943, #140926)
• Soft Plum Garden color palette (#F8F2FF, #B6008B, #485E00, #00474A, #182240)
• Navy Terrace color palette (#FFF0F8, #AA4100, #005A57, #112F88, #2C1D3B)
• Feathered Coast color palette (#FFF0F9, #CE4F00, #3A6800, #00475A, #411E53)
• Bronze Field color palette (#FFECF4, #A55500, #515800, #00435E, #230210)
• Ember Alley color palette (#FFF2EC, #ED521B, #008638, #006863, #2C1737)
• Gentle Ember color palette (#FFF4DE, #EF4A16, #815600, #004F57, #51290F)
• Patina Meadow color palette (#FAF2F8, #EBD4D4, #D3B2BC, #A54B40, #483B45)

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