Charred Basalt Harbor color palette — #F7EFDE · #4E5A5A · #403600 · #161F1D · #050800

Espresso takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7EFDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#4E5A5A): quiet, heavy and certain.
• Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#161F1D): quiet, heavy and certain.
• Ink (#050800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Twilit Cocoa Pier color palette (#FAEAE1, #3B4339, #592500, #14160E, #0C0500)
• Smoked Forest color palette (#E5ECD3, #006732, #313D3D, #00201A, #040600)
• Tempered Moss color palette (#F1EEDA, #7A8E00, #3B4000, #201E15, #0E0C08)
• Hushed Lagoon color palette (#E4F2E1, #00877C, #1C3826, #0F190D, #050703)
• Timeworn Pine Field color palette (#EEE9C6, #1F7D09, #004227, #341400, #000400)
• Weathered Delta color palette (#EADEC5, #747616, #1F4F24, #0E1D3C, #0D0020)
• Airy Atelier color palette (#E1E1D2, #4C791A, #57007E, #1A3100, #06000C)
• Airy Harbor color palette (#F3E6D2, #5C8EBE, #18419B, #002A36, #03001B)

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