Basalt Bloom color palette — #F8F0EC · #CCC49D · #81544C · #4D231C · #1B110D

A conversation between Espresso and Coffee, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Pistachio (#CCC49D): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#81544C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#4D231C): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1B110D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Fern color palette (#F5F2E6, #CEAD85, #57591D, #292A00, #110C00)
• Muted Bronze Cabin color palette (#FBF2F9, #ACDECB, #AD685C, #5E4358, #30292E)
• Tempered Meadow color palette (#F7F0ED, #EBB4A9, #419384, #B05040, #11180D)
• Softworn Olive color palette (#FCEFE5, #D09F83, #6A824B, #554977, #372916)
• Bronze Delta color palette (#F9EED7, #9E6E00, #322900, #0E1819, #0A0700)
• Hushed Driftwood color palette (#F6F1EC, #D6D8D1, #A4B4B0, #A27A4C, #3B352F)
• Fern Courtyard color palette (#FFEEE7, #DDBC9C, #938B47, #336205, #00392A)
• Muted Amber color palette (#E9EAD6, #D17C3D, #1E4A00, #071C00, #010400)

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