Pine Dune color palette — #F7F5EE · #B2B376 · #00853E · #656300 · #232618

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

The five colors

• Ivory (#F7F5EE): a clean, paper-quiet neutral.
• Sage (#B2B376): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00853E): A full-bodied, balanced teal — the color of sea glass.
• Olive (#656300): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#232618): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone, 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

• Ancient Pine Ridge color palette (#F5F6EF, #A2CE9A, #009181, #467C3C, #293026)
• Worn Olive color palette (#FAF4EE, #D0A66E, #787200, #825500, #2A2411)
• Mustard Quarry color palette (#F6F1E9, #D6AC5B, #008684, #825D00, #061106)
• Misty Pine Orchard color palette (#E3FBCB, #93BC88, #368A4C, #00613D, #004534)
• Antique Pine Lagoon color palette (#FAF6E2, #7DA663, #1A7D4C, #005671, #3D3E37)
• Patina Jade Corridor color palette (#F1F8E8, #18BE8A, #00727E, #006648, #0D2214)
• Pewter Workshop color palette (#F6F5EF, #D7DDD4, #B6C5B5, #6F7B47, #4A483D)
• Washed Canyon color palette (#EDE9D5, #647000, #00413A, #242A00, #000301)

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