Basalt Ridge color palette — #FFF1F4 · #D8C3C1 · #A78D7D · #617667 · #5C4559

Charcoal Brown takes the lead with Caramel close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#D8C3C1): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#A78D7D): A luminous, dusty gold — the color of afternoon light on wheat.
• Pewter (#617667): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5C4559): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Olive color palette (#FEF0FE, #CCB9C2, #AF8F8F, #607330, #2F534D)
• Wandering Denim color palette (#FDD9D7, #B59686, #887242, #2F5B85, #5E3C4B)
• Hushed Cypress color palette (#FAF4F0, #CBE6E4, #789EBD, #107F76, #614A5D)
• Muted Pier color palette (#F8F5ED, #C5C2A3, #648C6D, #7F5968, #564E00)
• Softworn Alley color palette (#FFE0D7, #B6915B, #6C7C37, #553395, #5D264B)
• Navy Chapel color palette (#F8DDDF, #B78381, #7F5B2F, #004C6A, #352E61)
• Cocoa Alley color palette (#FFF3E8, #DDBC9C, #A97445, #773A00, #502E0C)
• Aged Chestnut Basin color palette (#FFEFEC, #DA9E9F, #B16A57, #8B5117, #534E48)

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