Basalt Field color palette — #FFF1F6 · #E4DAD3 · #D6C2AD · #98808E · #5E4451

A conversation between Charcoal Brown and Oat, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#E4DAD3): bright and airy, almost weightless.
• Oat (#D6C2AD): A whisper-light, dusty gold — the color of old brass.
• Heather (#98808E): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5E4451): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Washed Hollow color palette (#FFF0FC, #F2D5E2, #B1CBB8, #879DA5, #45535F)
• Oat Balcony color palette (#FFEEE6, #DFBEA4, #998C76, #596C5A, #2E413B)
• Aged Pewter color palette (#FFF2F0, #F1C9B8, #AA9976, #7B5A91, #4E2A27)
• Hushed Bronze Market color palette (#FFF2EE, #ECD6C4, #DBA56E, #987823, #525049)
• Muted Denim color palette (#FFE9E2, #E1BDB0, #B88365, #2F518F, #411038)
• Weathered Dune color palette (#F7F5EF, #BDE1DA, #9EB799, #A27980, #404D00)
• Aubergine Drift color palette (#FED6E1, #AA6B79, #6E3D00, #25035E, #030006)
• Olive Parlor color palette (#FDE4ED, #B9987D, #6F7D38, #61324F, #2C001E)

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