Softworn Basalt color palette — #DDF1D7 · #8AB095 · #6385A4 · #7D534C · #593122

Cocoa and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF1D7): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8AB095): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#6385A4): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#7D534C): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#593122): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cocoa Basin color palette (#D5F0D2, #8AC0D5, #7491B7, #816158, #613A20)
• Aged Pewter Parlor color palette (#DEE9D9, #85BAA5, #4B9296, #71507D, #58283E)
• Weathered Drift color palette (#C0E6F0, #86AFD1, #787CB2, #884B2A, #39342E)
• Sunlit Cobalt Atelier color palette (#D6FFF7, #8ED1DE, #4387C2, #814354, #4C1F10)
• Aged Delta color palette (#DBF3F6, #6E9FB8, #5E6B90, #743B35, #3F2100)
• Tempered Basalt color palette (#EAE7D8, #809A70, #38707A, #674123, #363B00)
• Aged Bronze color palette (#E0F8E8, #B5D5CB, #B899AD, #9E613B, #6E4600)
• Hushed Dune color palette (#EFE3D1, #B0A668, #6C7A20, #3B5F43, #352700)

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