Basalt Field color palette — #FFF2EE · #DECDC2 · #B5AD99 · #8C788A · #61454D

Charcoal Brown and Driftwood set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Oat (#DECDC2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ash (#B5AD99): A luminous, dusty gold — the color of old brass.
• Driftwood (#8C788A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#61454D): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Sophistication. Tagged vintage, retro, 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

• Cocoa Studio color palette (#FFF3E3, #CEC9A7, #8D9F86, #916767, #783C1D)
• Hushed Veil Coast color palette (#FFF0F8, #C4EBF6, #ACC8C3, #8A90A1, #485062)
• Patina Dune color palette (#F5DDCA, #B5A37B, #5D9265, #714F7B, #61263A)
• Hushed Lilac Field color palette (#F8F6E5, #A6BA80, #A29AE1, #A77EC5, #43433B)
• Wandering Market color palette (#FFF3E5, #DBC290, #ADA25A, #6E7E2E, #52534C)
• Garnet Corridor color palette (#E9E6D6, #83847B, #006E64, #661536, #331000)
• Mulberry Pier color palette (#EFF1DA, #8ABD97, #00949A, #A5315C, #5A3000)
• Quiet Pier color palette (#F8F5EA, #C7C993, #B8A5E2, #939200, #52456C)

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