Basalt Garden color palette — #DFFDF2 · #C5E4E4 · #A7C2CF · #A595A4 · #5C485B

Charcoal Brown and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#DFFDF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#C5E4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A7C2CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Heather (#A595A4): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#5C485B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Softworn Ash color palette (#ECFAEA, #CBDDD0, #8FAFA1, #917482, #644951)
• Washed Driftwood Basin color palette (#E2FBFF, #B9D6EA, #A9B5CB, #78987F, #3F564A)
• Wandering Teal color palette (#D4FFFC, #9EE8CE, #67C4BB, #58A2A9, #2E5266)
• Wandering Turquoise color palette (#E8F8FE, #95E5E8, #F2B3BE, #63B8BC, #5A445F)
• Linen Courtyard color palette (#D1F5D0, #7DDDD5, #72BBE2, #B17B67, #6B3E27)
• Cocoa Courtyard color palette (#F7F3D7, #C2CBB8, #7C9B89, #7B645D, #672C0E)
• Dusty Garden color palette (#E7F9FF, #70DAE4, #EEA8AA, #CD976A, #2C4751)
• Chalky Cabin color palette (#C3E8ED, #7CBCFF, #B08DCC, #867F22, #423D00)

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