Pine Dune color palette — #E3F3EC · #147C34 · #403A41 · #002231 · #000306

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

The five colors

• Cream (#E3F3EC): bright and airy, almost weightless.
• Olive (#147C34): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#403A41): quiet, heavy and certain.
• Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

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

• Emerald Meadow color palette (#D2E1ED, #49975C, #003D57, #00121C, #000205)
• Pine Workshop color palette (#FCE6FD, #007C4E, #001E40, #1A0807, #00030A)
• Nocturne Bronze Summit color palette (#D5EBFF, #A5521E, #281C1E, #001F35, #00050C)
• Antique Ridge color palette (#F8EEF7, #BBCAA6, #745672, #3C2A3C, #191019)
• Abyss Archive color palette (#CBF1DE, #004459, #282500, #001803, #000201)
• Nocturne Aubergine Parlor color palette (#F5E2F7, #00457B, #5D0059, #002317, #000104)
• Wandering Lantern color palette (#E1F4EE, #CD7144, #002D4C, #090F13, #000103)
• Dusty Navy Coast color palette (#E8E0E5, #AF98A4, #93707E, #2B2777, #0A0107)

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