Basalt Atelier color palette — #FFF1F3 · #D7BBAC · #9C927C · #7B6778 · #62454C

Cocoa and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Stone (#D7BBAC): A luminous, dusty orange — the color of sun-warmed clay.
• Gray (#9C927C): A luminous, dusty gold — the color of old brass.
• Pewter (#7B6778): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#62454C): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Basalt Atelier 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

• Dusty Fern Station color palette (#F7F5EB, #BCC5A8, #72886F, #795E61, #46540A)
• Basalt Harbor color palette (#FEEBFB, #DFC4D0, #829B89, #55707A, #284053)
• Weathered Denim Garden color palette (#FFF1F0, #D19C81, #81895F, #765268, #494879)
• Driftwood Archive color palette (#FFEAE4, #E5A68C, #AC7E48, #756029, #4F4D46)
• Washed Bronze color palette (#FFD6D5, #B79886, #867229, #754C53, #633436)
• Oat Study color palette (#F5F4FF, #E9D5E7, #AFCFB2, #8D99B6, #494F5C)
• Bronze Balcony color palette (#FFF3E6, #CFA77C, #7E9AC7, #9A6623, #5C435B)
• Weathered Driftwood color palette (#FFF4DE, #DCC895, #8B7C40, #664D19, #453004)

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