Worn Basalt Veranda color palette — #FFF7C7 · #B8E7E1 · #7CA7B0 · #7E6887 · #5F3341

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

The five colors

• Custard (#FFF7C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#B8E7E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7CA7B0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7E6887): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5F3341): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Dusty Basalt Drift color palette (#DDFEEF, #BCE2F2, #92BACB, #897388, #5D4057)
• Timeworn Oat Dune color palette (#FFF3E6, #D4DAA9, #7CAD99, #6B6B88, #3E3D5C)
• Onyx Lantern color palette (#ECECD7, #7DB08C, #3C7C85, #622D3D, #370318)
• Cocoa Cabin color palette (#D7FFF7, #C5E0FF, #8FA3D1, #896B49, #613F0F)
• Muted Hollow color palette (#E0FFDF, #66E3DA, #5296BC, #914E3D, #4F1F01)
• Wandering Terrace color palette (#E1E8C6, #559D77, #06656E, #62181C, #190A00)
• Powder Canyon color palette (#E2FBFF, #87C6E4, #8387B7, #446047, #392D00)
• Antique Periwinkle Workshop color palette (#FBF2F7, #D7D4E0, #6FABE6, #007F7B, #222C4F)

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