Dusty Pine Coast color palette — #FFF4E2 · #D59CC7 · #B27275 · #3C7241 · #503533

A conversation between Olive and Mauve, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mauve (#D59CC7): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#B27275): A luminous, balanced red — the color of embers at dusk.
• Olive (#3C7241): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#503533): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

Use it as a design system

One click turns Dusty Pine Coast 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 Cocoa color palette (#FDF4E5, #EDA8B3, #B98569, #607655, #713319)
• Hushed Driftwood Market color palette (#FFF4E2, #AEA9E6, #A572A3, #716319, #52323F)
• Tempered Cabin color palette (#E6FCEA, #FCAEE8, #D66D76, #3B7240, #382C40)
• Weathered Blush color palette (#FFF1F1, #D588B7, #A2773C, #0E6F4C, #16395E)
• Aged Ridge color palette (#F6F7E5, #958FCA, #965163, #005863, #55313B)
• Olive Workshop color palette (#FFF1F1, #ECC0B2, #AE9481, #698444, #3B543C)
• Antique Coral Alley color palette (#FFF4E2, #FC7C67, #AC6E00, #00686D, #54270F)
• Tempered Blush color palette (#DEFDF7, #C9BCFF, #E48395, #18929C, #3E3951)

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