Basalt Pier color palette — #FBDCE7 · #4E2B00 · #001E21 · #13001C · #020100

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

The five colors

• Shell Pink (#FBDCE7): A whisper-light, dusty rose — the color of strawberry cream.
• Espresso (#4E2B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001E21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#13001C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

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

• Inked Spruce Corridor color palette (#FADDE7, #5B4200, #052B01, #130022, #010100)
• Velvet Garnet Grove color palette (#EFDCEC, #560105, #002106, #010029, #040000)
• Lowlit Cabin color palette (#E0EDDE, #492D00, #00064D, #190003, #040000)
• Lowlit Lantern color palette (#D5F8EA, #363E46, #282D00, #0D1418, #000301)
• Chestnut Harbor color palette (#F7E4D4, #6D5700, #2E3300, #001201, #000201)
• Aged Pier color palette (#DFE6E0, #7D938A, #48756F, #372700, #000200)
• Tempered Navy color palette (#FFECF4, #965600, #004BA0, #5E0626, #170411)
• Soft Aubergine color palette (#D2F3EA, #587E15, #4700A8, #4F0C00, #030700)

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