Basalt Veranda color palette — #FAF4EC · #C1E4CD · #AFB289 · #9D7C7D · #544500

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C1E4CD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AFB289): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9D7C7D): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#544500): 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 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

• Patina Stone Orchard color palette (#F0F7F2, #CCE5D6, #B8BA88, #B58CA1, #3F5347)
• Muted Stone Coast color palette (#FFF3E8, #E4DFB7, #CDB472, #838045, #484740)
• Dusty Grove color palette (#FCF6D8, #CDF0C2, #B3B67E, #6F7542, #2D2E04)
• Tempered Coast color palette (#F1F7F1, #A4CBB9, #6C8C5E, #6A6178, #3F524A)
• Tempered Chestnut Courtyard color palette (#F5F1EA, #D0C39D, #81894D, #875320, #33312A)
• Patina Lagoon color palette (#FBF5E3, #CDEABB, #B5CBFF, #A59C4C, #563C52)
• Muted Oat color palette (#FDF5DD, #D3D08A, #B0B6E9, #A29ACD, #3B3831)
• Tempered Jade Dune color palette (#FCF5E0, #BDE8A1, #50A67B, #8F5866, #2F2F28)

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