Nocturne Cocoa Lagoon color palette — #F7DBE6 · #7C4100 · #455711 · #1B1900 · #080003

Bronze takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7DBE6): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#7C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#455711): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Chestnut Drift color palette (#D8E9DD, #655000, #061F00, #180C05, #000401)
• Cocoa Terrace color palette (#F0E0D2, #595F66, #753C00, #181A12, #060600)
• Tempered Bronze Corridor color palette (#F9E9EF, #9C5700, #412F00, #1F110B, #150009)
• Antique Canyon color palette (#EEEED9, #6F6900, #4D41C2, #64008D, #090800)
• Muted Terrace color palette (#D6EFE1, #958800, #2A4E33, #102D20, #1B0D12)
• Antique Olive color palette (#D0E9E4, #367100, #42434D, #002B26, #000C0A)
• Softworn Coast color palette (#E5F1E6, #7E8C31, #00642E, #462562, #0E1100)
• Feathered Veranda color palette (#D2E9D7, #937200, #5F47D4, #564200, #0F0038)

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