Pine Coast color palette — #E7F6EC · #B0922C · #3A843C · #005C5D · #481D00

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

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#B0922C): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#3A843C): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005C5D): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#481D00): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Marigold Coast color palette (#FFF3E4, #DB9700, #66822C, #005746, #3A0205)
• Powdered Amber color palette (#FEECF3, #CC823C, #747800, #005F40, #00323A)
• Pine Coast color palette (#E6F6EF, #949C4F, #00865F, #005A69, #10275C)
• Weathered Driftwood color palette (#EDF9F2, #91C1AE, #748A4A, #855828, #143E31)
• Softworn Olive Quarry color palette (#EEE9D9, #BDAC53, #868400, #616900, #374400)
• Wandering Bronze color palette (#E1EFE2, #A77600, #2B4735, #132716, #15090D)
• Hazy Olive Corridor color palette (#CDECE3, #5C8300, #00614F, #003948, #040045)
• Marigold Meadow color palette (#EDF9EC, #FFC9A0, #EDA63F, #B09600, #453100)

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