Ancient Loft color palette — #FFF2ED · #BA6464 · #008567 · #005A80 · #39312E

A conversation between Mocha and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Mocha (#BA6464): A luminous, balanced orange — the color of autumn markets.
• Fern (#008567): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005A80): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#39312E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Ancient Loft 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 Denim Station color palette (#FFF3E9, #AC714B, #177F8C, #2D4E9B, #38312D)
• Pale Pine color palette (#FEEEE9, #C3666F, #2A8A4D, #334E8F, #261510)
• Pine Courtyard color palette (#FFF3E7, #AF7C4D, #2E743E, #004E6E, #492A50)
• Muted Olive color palette (#FFF1F2, #A5699B, #697A22, #006158, #47292D)
• Aged Bronze Courtyard color palette (#FFF4E2, #C5875B, #7C6900, #00566F, #413C36)
• Dusty Corridor color palette (#FCDECB, #AE4303, #006667, #00377E, #391000)
• Blush Ridge color palette (#FAF1FF, #DB7CA0, #00A78A, #5D6AA8, #382F3D)
• Misty Aubergine Quarry color palette (#F8EED6, #827000, #15659E, #611B82, #312403)

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