Basalt Coast color palette — #FAD6E5 · #774930 · #3E3D00 · #101337 · #010015

Built around Deep Olive, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FAD6E5): A whisper-light, dusty rose — the color of strawberry cream.
• Coffee (#774930): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#101337): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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

• Tempered Cabin color palette (#FFE9E2, #7C5A28, #423F0D, #00212C, #0B0623)
• Mulberry Loft color palette (#E1DEED, #86455C, #532D07, #001925, #000509)
• Bronze Station color palette (#FFE2D7, #A17333, #514A00, #00252F, #000105)
• Smoked Cocoa Grove color palette (#FFE7DF, #753E00, #392500, #121200, #010200)
• Inked Bloom color palette (#ECE2C7, #4A3900, #2F0088, #320043, #020100)
• Twilit Navy Harbor color palette (#DDF1E4, #5B4B00, #00269F, #261E00, #000009)
• Hushed Navy color palette (#FDDEDC, #99607A, #7A4120, #1D256E, #270020)
• Tempered Onyx color palette (#F4DDCE, #656F31, #005042, #3C0C31, #180012)

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