Basalt Workshop color palette — #EEF6FE · #96CCCA · #41617F · #1B3B57 · #232533

Navy and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Ash (#96CCCA): A luminous, dusty teal — the color of sea glass.
• Peacock (#41617F): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#1B3B57): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#232533): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, cool.

Use it as a design system

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

• Wandering Pewter Atelier color palette (#F4F4FB, #D5B4D0, #66547E, #3F3052, #2B242E)
• Stone Coast color palette (#EBF3FC, #E7B897, #466389, #213246, #0F141B)
• Cobalt Atelier color palette (#F2F5FC, #B5BDEB, #9769A1, #5D64B2, #2E2B3D)
• Ancient Celadon color palette (#EAF9F4, #B5EFC1, #74A4C9, #53756A, #252E2B)
• Patina Cobalt Atelier color palette (#F8F3F9, #ECCAAB, #5980AE, #5A455B, #2F2930)
• Patina Chestnut color palette (#FFF0F8, #B99BBF, #986483, #82481C, #4A4459)
• Antique Fern color palette (#E6F9FD, #5B9E97, #9B7751, #676122, #274248)
• Hushed Aubergine color palette (#EBEDFE, #CC8683, #4C3273, #2A0D4C, #131426)

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