Nocturne Pine color palette — #E2F3F3 · #007B50 · #00444C · #001530 · #010100

Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F3F3): bright and airy, almost weightless.
• Teal (#007B50): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001530): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

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

• Olive Loft color palette (#CDE5DA, #6B6C00, #00482A, #00191C, #030100)
• Charred Navy Villa color palette (#D9EAF2, #007483, #00387D, #200039, #000200)
• Velvet Abyss Thicket color palette (#CEE6EE, #006164, #002E4C, #0A0022, #040002)
• Lagoon Canyon color palette (#D4E4DA, #009A6B, #005B45, #002D24, #000303)
• Cellar Fern Thicket color palette (#EDECDA, #3A5300, #002F3B, #1D0029, #030100)
• Worn Lagoon Workshop color palette (#D9E9DD, #2BA385, #006B68, #002E5B, #070729)
• Petrol Parlor color palette (#E1F2F1, #7FC0E3, #006EA4, #003C49, #000308)
• Antique Fern Terrace color palette (#D3E6DC, #8B9546, #3F5700, #302C00, #010100)

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