Nocturne Garden color palette — #DEF3F2 · #007C3D · #003E69 · #2C0020 · #020100

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

The five colors

• Cream (#DEF3F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#007C3D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003E69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#2C0020): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, muted.

Use it as a design system

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

• Navy Station color palette (#CAEBED, #00795E, #14269B, #2F0011, #010100)
• Lowlit Forest Alley color palette (#DDE2D1, #005A2A, #002E43, #23002D, #140300)
• Shadow Alley color palette (#D0E9DE, #005C42, #46464E, #171A1F, #000707)
• Onyx Balcony color palette (#D5EBDF, #726900, #004641, #07004E, #040001)
• Navy Grove color palette (#F5E8D1, #5B4600, #001E6E, #220600, #040000)
• Petrol Alley color palette (#E7F1E9, #7BC6C7, #007485, #003F31, #000305)
• Hushed Field color palette (#D5E6DF, #009C8C, #00605E, #002B30, #000406)
• Softworn Teal Station color palette (#E4F2E7, #36AC9A, #266577, #53204C, #22000A)

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