Moonless Pine color palette — #DBE9F8 · #007C48 · #00203A · #130A10 · #000309

Pine and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DBE9F8): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#007C48): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#130A10): a grounded near-black with real depth.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Olive color palette (#D5ECF2, #537400, #42393A, #002423, #000403)
• Weathered Field color palette (#D7F3EA, #009D52, #003B60, #001120, #000202)
• Sunlit Archive color palette (#D4E0F0, #00AF7E, #002BA2, #000D45, #00020C)
• Eclipse Bronze color palette (#F1E5F0, #A45300, #001947, #180503, #000313)
• Tempered Denim color palette (#EEF2FB, #EDB1B7, #585D89, #283045, #10141C)
• Dusty Courtyard color palette (#EAECF5, #9C9EB4, #7A769D, #3D1084, #03030D)
• Shadow Veranda color palette (#E3ECF7, #CB7600, #00295B, #0B0A15, #000105)
• Lowlit Balcony color palette (#E2E9F6, #A83D59, #0E0064, #1D0E1E, #010016)

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