Basalt Studio color palette — #F4F6EF · #CFDDD8 · #A7B8AF · #427049 · #383F00

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CFDDD8): bright and airy, almost weightless.
• Ash (#A7B8AF): A luminous, dusty teal — the color of glacier melt.
• Pine (#427049): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#383F00): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cypress Canyon color palette (#EFF8EE, #C4D8CF, #B69EB1, #006867, #243923)
• Timeworn Emerald color palette (#F4F6F0, #D0DDD6, #AEC4BE, #25975B, #393C32)
• Fern Canyon color palette (#F8F6E7, #77A88A, #20706D, #564B00, #2E3B00)
• Tempered Boulevard color palette (#F1F7F2, #D3DCDD, #B4AEA6, #528D93, #4C554E)
• Dusty Abyss Field color palette (#E1E4DB, #B0BDB0, #749789, #005231, #1C220F)
• Tempered Hollow color palette (#EBE2BF, #92A781, #598675, #744C38, #663200)
• Smoked Cypress color palette (#DBE6D6, #007364, #012E1F, #0D1709, #020502)
• Spruce Station color palette (#E3ECE6, #A294A3, #816875, #00313A, #000D04)

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