Nocturne Basin color palette — #DFF3EC · #007084 · #003865 · #150047 · #040006

Deep Indigo and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF3EC): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007084): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003865): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#150047): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040006): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Nocturne Basin 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 Cypress color palette (#D9E6D9, #00716A, #003E4E, #00152C, #020009)
• Tempered Lantern color palette (#C9ECF4, #007BA9, #003976, #15005D, #13002F)
• Shadow Nightshade Thicket color palette (#D6EEEE, #006B93, #1415A9, #1E0039, #070005)
• Quiet Bloom color palette (#D2F2FC, #009AD7, #0051AB, #100068, #020008)
• Nocturne Archive color palette (#E8DECB, #006167, #260088, #1C1200, #000204)
• Aged Balcony color palette (#DEE8ED, #97A1AC, #747A96, #003D4A, #000509)
• Charred Aubergine color palette (#DDEEF4, #2C59BB, #4B0B8E, #2B002A, #060001)
• Petrol Drift color palette (#D5F5ED, #006F93, #493B64, #1A2600, #050A00)

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