Midnight Pine color palette — #FFE7DF · #00783A · #00374A · #210003 · #000201

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

The five colors

• Rose Water (#FFE7DF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pine (#00783A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#210003): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

One click turns Midnight 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

• Eclipse Navy color palette (#F2DDD1, #007467, #002E6B, #190700, #000102)
• Velvet Forest color palette (#E7DBE6, #005A29, #002836, #220003, #000503)
• Twilit Fern Orchard color palette (#FAE0DE, #6E6500, #003B32, #1C001A, #010200)
• Cellar Aubergine color palette (#F0ECCB, #495E00, #36006E, #1D2621, #0F0500)
• Patina Alley color palette (#F1F1D7, #318C70, #00454A, #112100, #000201)
• Frosted Garnet Thicket color palette (#D7E4DA, #008E75, #006576, #6A004D, #000404)
• Nightshade Hollow color palette (#EAE3C5, #008693, #3E1FA3, #211B00, #000103)
• Washed Nightshade color palette (#FFEAD8, #009D9F, #3947AC, #422200, #000508)

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