Basalt Coast color palette — #F9EBDB · #523500 · #162500 · #150802 · #00050A

A conversation between Cocoa and Onyx, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9EBDB): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#162500): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#150802): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Velvet Fern Study color palette (#F8ECD9, #5B4A00, #173000, #000E17, #040001)
• Ancient Rust Station color palette (#F7E5E7, #B74D21, #5F3900, #120D00, #010100)
• Twilit Brick color palette (#F7EAD5, #AB322F, #412E00, #000335, #030100)
• Deep Coast color palette (#FCDCD6, #7A0037, #2C1B00, #001105, #01000A)
• Deep Summit color palette (#EDE8C6, #596400, #004245, #0E004B, #040000)
• Washed Mustard color palette (#F9F5E9, #ADAA4C, #309686, #42548F, #251109)
• Dusty Hollow color palette (#F0E2DC, #C4B8AD, #A08F71, #6B1D0E, #030100)
• Mint Cabin color palette (#F3F7E9, #8CC593, #54A1A9, #78689B, #2C2012)

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