Basalt Veranda color palette — #FDF2F8 · #E5DCD3 · #A0788F · #434166 · #21181D

A conversation between Navy and Heather, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF2F8): a clean, paper-quiet neutral.
• Bone (#E5DCD3): a clean, paper-quiet neutral.
• Heather (#A0788F): A luminous, dusty pink — the color of a candy shop window.
• Navy (#434166): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#21181D): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Pewter Canyon color palette (#FFF2F0, #EADCBA, #A05F79, #53283A, #190B0A)
• Weathered Cerulean Archive color palette (#EFF7F5, #B6E4DC, #678AA8, #284F45, #0F1F1B)
• Ash Coast color palette (#FDF1F9, #EADEB4, #929ACD, #826178, #30292E)
• Washed Chapel color palette (#F2F5FE, #E9AFAF, #5C5786, #32374C, #26232A)
• Bronze Delta color palette (#FFF3E8, #FDCDE2, #D08D94, #8D6D26, #533733)
• Pewter Balcony color palette (#FFF1F2, #FFBFA7, #834E77, #3F1437, #0E0002)
• Dusty Lilac color palette (#FAF3F5, #E7D8D6, #D09BC0, #AD82DE, #2A191A)
• Plum Harbor color palette (#FFF1F3, #ECD6D8, #E29EBE, #B05975, #6A2230)

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