Basalt Coast color palette — #F6EADA · #523700 · #002421 · #150018 · #030100

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

The five colors

• Cream (#F6EADA): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#523700): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#150018): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Midnight Abyss color palette (#CFE7E2, #1B4700, #002422, #000913, #020100)
• Obsidian Spruce color palette (#EFEED5, #565D64, #213500, #101F1E, #000603)
• Eclipse Study color palette (#FCEAE4, #760017, #112400, #00081C, #070000)
• Cellar Workshop color palette (#E8EAD4, #1A6A04, #004140, #001C32, #020200)
• Navy Orchard color palette (#E2E4D2, #245800, #00216B, #2E0002, #090700)
• Patina Onyx color palette (#F0DFBF, #586C3B, #00473F, #370624, #1E0200)
• Timeworn Bronze color palette (#F7F0D5, #AA6700, #5F6B00, #004D48, #010500)
• Onyx Quarry color palette (#FAEAE2, #508A9D, #004066, #00231F, #010030)

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