Nocturne Cabin color palette — #CCE7D8 · #00556A · #553200 · #00232D · #020100

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#CCE7D8): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Charred Garden color palette (#D5F2E3, #005A74, #2E4700, #002431, #030700)
• Midnight Workshop color palette (#CAEBFF, #00415D, #512100, #261D00, #000103)
• Charred Lagoon color palette (#DCE9DE, #00575D, #72002E, #002426, #040001)
• Moonless Hollow color palette (#F0E0F0, #00479C, #493A00, #001C46, #020100)
• Chestnut Coast color palette (#D2E8F7, #007396, #874300, #003E53, #0E0300)
• Timeworn Cabin color palette (#DCEBF5, #007698, #3D6100, #003040, #010100)
• Timeworn Pier color palette (#CEECDE, #6890D4, #7A4F96, #003436, #000209)
• Lowlit Fern color palette (#F3E0C3, #585500, #362700, #1A0900, #010100)

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