Basalt Pier color palette — #DEF0DC · #553500 · #00222F · #081207 · #1A0002

A conversation between Cocoa and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#DEF0DC): A whisper-light, dusty green — the color of fresh herbs.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#081207): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#1A0002): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Cocoa Cabin color palette (#F6DFEC, #662700, #00222E, #220C05, #11001F)
• Moonless Cabin color palette (#E3F5EE, #394200, #1C2216, #29004E, #190200)
• Spruce Garden color palette (#D2F7F1, #564949, #073903, #0C1F21, #000505)
• Charred Cabin color palette (#DFEBD4, #006D33, #00362D, #001A1C, #01050E)
• Antique Bronze color palette (#D6E7D6, #8D5D00, #004B71, #4E1C00, #231B00)
• Powdered Aubergine color palette (#E0F1E9, #595D00, #3A0091, #301900, #100C00)
• Powdered Aubergine color palette (#CBF1ED, #128D35, #6D0083, #3C3200, #162305)
• Dusty Pine Orchard color palette (#F5EAD9, #457945, #004A4F, #380E18, #1C0400)

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