Basalt Courtyard color palette — #FAF4EC · #BFE5D0 · #92BA9C · #977E86 · #514600

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#BFE5D0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#92BA9C): A luminous, dusty teal — the color of shallow lagoons.
• Driftwood (#977E86): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#514600): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Basalt Courtyard 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 Studio color palette (#F0F7F2, #C3E7D8, #90C1B5, #AB90A9, #3D534A)
• Weathered Meadow color palette (#FEF3E7, #D5E5BC, #88A886, #996C31, #3A3831)
• Lagoon Thicket color palette (#EFF8F0, #A5CBBD, #648C6F, #636479, #3C534B)
• Hushed Stone Summit color palette (#FFF2EA, #DFDBC6, #C3AE6C, #77844A, #4F5049)
• Fern Cabin color palette (#FFF4DF, #D0E7D2, #B6B9CA, #CBA990, #5F5400)
• Worn Chestnut color palette (#F6F1E9, #CCC3A2, #768B61, #8E4D35, #33312A)
• Weathered Study color palette (#FBF3EF, #C3E0EA, #B9C0F1, #60A18C, #5D4456)
• Teal Archive color palette (#FEF5DC, #B1EAA9, #00AA8E, #845A7F, #2E2F28)

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