Nocturne Cocoa Station color palette — #F2DBE6 · #672E00 · #173A00 · #001B39 · #110003

Built around Rust, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2DBE6): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#672E00): A deep, shadowed, balanced gold — the color of old brass.
• Forest (#173A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#001B39): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#110003): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Garnet Workshop color palette (#E9DBE5, #8D0A00, #343100, #002128, #13000C)
• Onyx Hollow color palette (#E1F0DF, #6A4200, #00382C, #1D005A, #140500)
• Eclipse Hollow color palette (#D1E5D5, #493600, #002A11, #05003A, #060000)
• Worn Canyon color palette (#F3DBE5, #844500, #003F41, #002235, #1F002B)
• Hushed Study color palette (#FCE9E9, #C46027, #694100, #2E2600, #0D1700)
• Gentle Coast color palette (#E0F0E2, #B03421, #4C3A00, #170071, #270E00)
• Inked Aubergine color palette (#F2DADE, #80008C, #003439, #001830, #040002)
• Dusty Harbor color palette (#E6E0E4, #B2BCB1, #7B9586, #762700, #2A1924)

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