Ancient Loft color palette — #FBF2F9 · #B9E4F7 · #5B91B5 · #2F7055 · #3A4861

A conversation between Pine and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#B9E4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5B91B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#2F7055): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Cobalt color palette (#FDF2F7, #A1CBE6, #4B7AB5, #006154, #303957)
• Muted Summit color palette (#EEF7F6, #CCDEFA, #6FB0C3, #258A8C, #2D4C5E)
• Antique Cerulean color palette (#F2F3EB, #C5E6CF, #4D99AF, #006C6E, #063525)
• Lagoon Orchard color palette (#EDE1ED, #009392, #004355, #002506, #000919)
• Wandering Powder color palette (#DCFDF9, #C0DDFF, #BDB9F2, #8C8153, #335153)
• Soft Jade Corridor color palette (#E1FCF9, #61B574, #B2719B, #2D7741, #59344C)
• Hushed Teal color palette (#FBF3F0, #C4EAE4, #7CC8F1, #00B193, #2E496B)
• Hazy Quarry color palette (#D8FEFF, #4ACFB2, #218961, #004E3F, #003327)

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