Pine Dune color palette — #F0F4E2 · #7EB384 · #BB7398 · #0E792E · #41142E

Built around Olive, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F4E2): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7EB384): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#BB7398): A luminous, balanced rose — the color of a warm blush.
• Olive (#0E792E): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#41142E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Dusty Olive Balcony color palette (#F4F3E4, #98AD72, #9C7DBE, #547000, #2F1D42)
• Patina Peony Courtyard color palette (#EBF5E9, #5AB6AB, #C26CA1, #00756B, #3D182F)
• Timeworn Meadow color palette (#E9F9F5, #A0C583, #EF7A99, #638F3B, #503857)
• Pale Workshop color palette (#E3FBFA, #9EE8BB, #EB9DD6, #00A463, #502846)
• Patina Byzantium color palette (#E8F7E4, #11A396, #A163AD, #9247A0, #10240A)
• Chalky Raspberry Grove color palette (#E4F4E1, #009B91, #C90083, #005952, #2E001B)
• Pale Crimson color palette (#E2F8EC, #00A8D1, #DF4050, #00657F, #44000B)
• Tempered Bronze color palette (#FBF0E1, #B4AB8C, #8B713B, #6D3E24, #232508)

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