Basalt Field color palette — #FDF3EB · #E0DDC3 · #CEA488 · #9F6C5D · #553900

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Bone (#E0DDC3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CEA488): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F6C5D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#553900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Softworn Taupe Courtyard color palette (#FFF2EB, #F2D7C1, #CB8D76, #945855, #36312B)
• Softworn Bronze Canyon color palette (#FFF4E0, #BCB574, #92710A, #633D00, #111500)
• Weathered Stone color palette (#FFF1F7, #D9A9B8, #9C7286, #6D5566, #3F4C41)
• Weathered Cocoa Lagoon color palette (#F9EBE0, #A87C4C, #7A3800, #430800, #020100)
• Washed Workshop color palette (#FEF1F5, #CFDDCD, #A27886, #503D5F, #23171B)
• Patina Thicket color palette (#FFF1F4, #D5B6E2, #B2B27B, #499373, #3F2B30)
• Hazy Amber Grove color palette (#FFF3E4, #E6CE86, #C08400, #8E4C00, #2B2900)
• Aged Wisteria Lantern color palette (#FBF3F4, #E5D8D4, #E29798, #C07DC8, #291A15)

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