Cocoa Basin color palette — #F4E4EE · #722800 · #1E2300 · #000D06 · #000102

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

The five colors

• Blush (#F4E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#722800): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#1E2300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Cocoa Basin 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

• Inked Garnet color palette (#F8E0F9, #610021, #1B1800, #020901, #000010)
• Velvet Chapel color palette (#F6DEF1, #A1050B, #3B2700, #040A00, #040002)
• Moonless Basalt color palette (#DEF5E9, #484100, #002D26, #200F16, #000A0F)
• Frosted Corridor color palette (#FFE7EE, #C3375C, #7E001E, #260000, #040000)
• Dusty Raspberry Courtyard color palette (#E6DFF1, #CC229C, #0C5A0C, #063E06, #000206)
• Grape Workshop color palette (#F3F4FF, #812CD5, #004B41, #002E3D, #000107)
• Deep Basin color palette (#DBDFF4, #5500B7, #00251D, #000F12, #000106)
• Worn Fern color palette (#FFF1F6, #AE6700, #236A00, #00443B, #000307)

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