Tempered Basalt Field color palette — #F8F0EC · #CEC590 · #84524A · #541E00 · #19120F

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Pistachio (#CEC590): A luminous, dusty green — the color of fresh herbs.
• Coffee (#84524A): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#541E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#19120F): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Chestnut Station color palette (#F7F1E8, #D8BF98, #795C1B, #34302A, #191309)
• Muted Driftwood Quarry color palette (#FBF2F9, #DCD39A, #A66C63, #5B4557, #31282F)
• Dusty Garden color palette (#FCEFE5, #C6A411, #763900, #361700, #100500)
• Emerald Study color palette (#F8F0EB, #F5B09D, #4F9650, #A65944, #161709)
• Patina Parlor color palette (#FDF0E0, #CEA179, #708042, #524A78, #352A18)
• Shadow Chestnut Thicket color palette (#FBE2D4, #675700, #182421, #280800, #030000)
• Dusty Market color palette (#F5EADE, #A98927, #522F00, #1D0E00, #030100)
• Antique Driftwood color palette (#F6F1EC, #D6D8D0, #A5B3AC, #9D7B58, #3A352F)

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