Nocturne Cocoa Basin color palette — #F0DBE7 · #692400 · #002912 · #000F31 · #050000

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

The five colors

• Shell Pink (#F0DBE7): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#692400): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#002912): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000F31): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Velvet Cocoa color palette (#F2D5E1, #663500, #002F34, #1D001F, #030100)
• Midnight Terracotta color palette (#DEEBE0, #992400, #392D00, #07004A, #040100)
• Lowlit Balcony color palette (#FEE5E3, #9D4200, #513400, #1B1600, #010200)
• Fern Balcony color palette (#F1E5CF, #605100, #00392C, #001318, #000108)
• Weathered Terracotta Station color palette (#F6E3D9, #A12900, #004A4C, #00292A, #040007)
• Midnight Aubergine Basin color palette (#EFE7FF, #69005C, #252200, #00161A, #040003)
• Muted Quarry color palette (#E5DCE1, #AF99A0, #638572, #5F1D00, #0A0207)
• Quiet Pine Atelier color palette (#E1F7F6, #008D51, #00637E, #66225A, #05160E)

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