Basalt Ridge color palette — #F5EADE · #543300 · #002614 · #000815 · #040003
Cocoa and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EADE): a clean, paper-quiet neutral.
- Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#002614): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000815): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Nocturne Summit color palette (#F4DFD7, #740015, #1E2100, #000A0C, #020007)
- Onyx Garden color palette (#FCEBD2, #39423C, #372700, #101610, #020200)
- Chestnut Harbor color palette (#ECDBCB, #7C4400, #322C00, #080023, #030100)
- Shadow Chapel color palette (#EED7DE, #7B4C00, #004421, #001D2E, #040006)
- Powdered Workshop color palette (#F3E8DB, #D04E20, #835A00, #383E00, #020100)
- Obsidian Studio color palette (#ECE6D3, #486222, #00340A, #2A0600, #010100)
- Eclipse Quarry color palette (#EEF0CF, #275700, #002F3E, #1D0029, #030000)
- Navy Hollow color palette (#EAE1D3, #547E97, #003D6D, #001E23, #00000D)
Browse the whole catalog at Explore, or see today's palette.