Nocturne Lagoon color palette — #F6E3CC · #533600 · #00251A · #000720 · #060002

Built around Cocoa, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F6E3CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#533600): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#00251A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Shadow Summit color palette (#F1E5D1, #414C46, #3A2C00, #171E17, #040500)
• Garnet Grove color palette (#FFE3D6, #760306, #192200, #000B10, #040007)
• Nocturne Drift color palette (#ECE7D0, #3A6C03, #003516, #2B0B00, #060600)
• Hushed Abyss color palette (#EDE0CB, #666519, #164917, #0C1E3B, #11032A)
• Shadow Terrace color palette (#F1DFEA, #943500, #00432D, #1B0052, #050004)
• Antique Bronze color palette (#F0DEC5, #B95C00, #7D5700, #2A4300, #040200)
• Nocturne Forest Lagoon color palette (#ECEFDC, #0F5A09, #002E43, #250028, #100400)
• Patina Olive color palette (#DEF6EE, #5F7F00, #00664F, #003E4A, #00010B)

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