Basalt Garden color palette — #FFF1F6 · #C9ECED · #8FB5BA · #997B90 · #5D3A49

Cocoa takes the lead with Heather close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Frost (#C9ECED): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8FB5BA): A luminous, dusty blue — the color of open sky before noon.
• Heather (#997B90): A luminous, dusty pink — the color of neon signs at night.
• Cocoa (#5D3A49): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Sophistication. 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

• Wandering Powder Thicket color palette (#F6F8DE, #C7D8B6, #87C6D1, #A8878F, #684846)
• Frost Corridor color palette (#CDFEF6, #9BC8CD, #698691, #5E5774, #413648)
• Patina Thicket color palette (#FFF5D9, #8CBA9E, #6E8979, #785A54, #6E3E00)
• Forest Meadow color palette (#DFFEEE, #BFE1F1, #94B8CD, #69866F, #305C49)
• Teal Villa color palette (#F0F7F2, #BDE5EB, #6FAD90, #867544, #213F38)
• Ancient Teal color palette (#D6E5DB, #61B9BA, #5B779F, #414000, #001D0D)
• Lagoon Market color palette (#FBF3F5, #D9D4DE, #A8B7F7, #009498, #45375A)
• Wandering Thicket color palette (#E6F9FF, #4FD1D4, #EB8993, #D2707A, #00313C)

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