Basalt Canyon color palette — #FFF1F1 · #E2D7D0 · #D8A881 · #8B7942 · #30420E

Built around Deep Olive, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E2D7D0): a clean, paper-quiet neutral.
• Camel (#D8A881): A luminous, dusty gold — the color of old brass.
• Walnut (#8B7942): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#30420E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Basalt Canyon 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 Grove color palette (#F5F3FF, #ECD8DB, #E098A7, #A26C53, #4C3900)
• Timeworn Stone color palette (#FFF2EF, #E0DECE, #B7B775, #64855B, #004A42)
• Powdered Apricot color palette (#FFF1F1, #FF9754, #927400, #314600, #00170E)
• Tempered Chestnut Loft color palette (#FFEEE4, #E5B89F, #A8754A, #704600, #3A2800)
• Antique Cocoa Market color palette (#FDF5DF, #FFCED6, #BB9E62, #4F7D71, #652D03)
• Hazy Amber Workshop color palette (#F4DAD2, #CB9000, #696D00, #003513, #000605)
• Washed Stone Balcony color palette (#FFF1F0, #E1DDCF, #C8C0A0, #9F8A97, #5B4A55)
• Faded Harbor color palette (#FFF2EF, #FFB563, #A89217, #376506, #00281E)

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