Softworn Basalt color palette — #FAF5E9 · #B0B38F · #3E826E · #744D54 · #454600

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

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Sage (#B0B38F): A luminous, dusty green — the color of fresh herbs.
• Fern (#3E826E): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#744D54): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Aged Driftwood color palette (#F6F6EA, #B8C6AD, #6E8973, #785F5B, #47513D)
• Linen Pine color palette (#FFF3E5, #A2AA62, #3A7945, #6C4908, #3A3E08)
• Antique Market color palette (#E7F6EF, #90BEB2, #57815A, #764738, #0B2E27)
• Wandering Mulberry color palette (#F6F8DA, #6B975C, #7D70AD, #834A88, #383932)
• Iris Cabin color palette (#F8F6E3, #92AA61, #8C7CC6, #586F20, #443C61)
• Cypress Workshop color palette (#FBF4ED, #BEE7D6, #708ABB, #00726A, #5E3B4E)
• Washed Olive color palette (#FFDEBE, #C6A45F, #807E06, #3B6327, #0B4F4B)
• Forest Coast color palette (#F0E3CD, #80955A, #00653F, #4F3A00, #2E2A04)

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