Basalt Canyon color palette — #E5F0E5 · #563700 · #1F2400 · #00131C · #040001

Cocoa and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F0E5): a clean, paper-quiet neutral.
• Cocoa (#563700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#1F2400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Basalt Meadow color palette (#FCDAE6, #502D00, #2C2515, #080600, #040002)
• Twilit Terracotta Pier color palette (#E8E1D3, #A10804, #3C2C00, #001135, #040100)
• Eclipse Ridge color palette (#FFE2E5, #A92E00, #593200, #1A1300, #020300)
• Lowlit Garnet Chapel color palette (#EFE4EF, #74001D, #2A2900, #001911, #010008)
• Onyx Coast color palette (#D6F0E8, #334C00, #002D23, #0E0042, #030100)
• Chestnut Dune color palette (#DEF3DD, #865F00, #3C4D00, #002D3D, #110008)
• Smoked Aubergine color palette (#E5E3F9, #59006C, #002929, #00121F, #01000E)
• Charred Corridor color palette (#FFD9DF, #940896, #004148, #00172D, #020008)

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