Basalt Cabin color palette — #F8EEE2 · #C3BAA4 · #949476 · #533500 · #020100

Built around Cocoa, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F8EEE2): bright and airy, almost weightless.
• Stone (#C3BAA4): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#949476): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Basalt Cabin 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 Chapel color palette (#ECF2EC, #929D96, #58796D, #3B2600, #010D02)
• Fern Balcony color palette (#EEEFE4, #C7D6B9, #96AD97, #225C11, #030300)
• Worn Chestnut color palette (#F3EAE0, #9DA393, #798E7B, #885700, #110700)
• Dusty Olive color palette (#ECDFD1, #7A812C, #065641, #2F1036, #030004)
• Wandering Courtyard color palette (#E4E2C9, #12924F, #00473D, #36090B, #010100)
• Powdered Tangerine Summit color palette (#F0E5CB, #FC8134, #928200, #006A48, #010100)
• Wandering Bronze Garden color palette (#FAF5EA, #D6DFD1, #B1CAB6, #867636, #251D0D)
• Velvet Chestnut Corridor color palette (#F6E2C8, #865900, #1E3B00, #0E0030, #020100)

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