Nocturne Pine color palette — #CFE3E2 · #318951 · #11373E · #031A19 · #010806

Built around Fern, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Silver (#CFE3E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#318951): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#11373E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#031A19): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010806): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Tempered Drift color palette (#E5F4EC, #807800, #173733, #081A12, #030803)
• Lagoon Atelier color palette (#DDF2F6, #00978C, #2E3E47, #122124, #070E0E)
• Softworn Thicket color palette (#D1E6E9, #006B58, #413D44, #002329, #000B07)
• Washed Emerald Summit color palette (#E2E7D7, #48A569, #40533D, #2D2F28, #1A190D)
• Linen Field color palette (#DBF8FF, #00A29D, #B76076, #98554E, #00232A)
• Timeworn Basin color palette (#E9F5EE, #A7BB91, #588065, #3A5E4B, #0B2E27)
• Washed Loft color palette (#F8EFF2, #C9DFF4, #768CBF, #006B77, #232A46)
• Peony Study color palette (#DEF7FE, #57B5B5, #C07191, #007374, #3D1929)

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