Nocturne Lagoon color palette — #F8EFDB · #383200 · #00221A · #1D0002 · #020100

Espresso and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EFDB): A whisper-light, dusty gold — the color of old brass.
• Espresso (#383200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#1D0002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Loft color palette (#EDEFDC, #134800, #002422, #000912, #020100)
• Smoked Spruce color palette (#E8ECD4, #384444, #033405, #0D1714, #000301)
• Worn Olive color palette (#EFECDD, #908F74, #6C7028, #262E00, #020100)
• Hushed Cypress color palette (#E0F4CD, #007958, #004975, #362800, #030900)
• Hushed Olive color palette (#F5F3DC, #637C00, #006165, #5A1D00, #0F0800)
• Shadow Ridge color palette (#E6EADD, #006038, #004025, #290053, #020200)
• Antique Cerulean Harbor color palette (#EAF6EB, #009FA9, #5F67A4, #444D20, #1A1F13)
• Twilit Chapel color palette (#F2E4CC, #3C2E00, #001F14, #140004, #000201)

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