Pine Coast color palette — #F6F7E0 · #96CA97 · #40875C · #5B5128 · #181A00

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#96CA97): A luminous, balanced green — the color of new leaves after rain.
• Fern (#40875C): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#5B5128): A full-bodied, dusty green — the color of new leaves after rain.
• Ink (#181A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Aged Bronze color palette (#FFF3E2, #CBBB7C, #7E7931, #72432D, #211600)
• Antique Lagoon Delta color palette (#F4F7E5, #AADEBC, #459D7C, #67663C, #242B0E)
• Timeworn Pine Bloom color palette (#DDFFE7, #79DAA0, #009253, #004623, #000501)
• Powdered Lagoon color palette (#D9ECA7, #91BB49, #528F00, #125202, #002207)
• Muted Fern color palette (#FDF4E3, #B0A453, #636400, #4A3900, #0A0700)
• Ancient Grove color palette (#F6F9D6, #7DBE6C, #DF6A3E, #267700, #2F0A00)
• Lagoon Garden color palette (#E6EBCF, #4C8964, #004833, #002304, #000201)
• Feathered Teal color palette (#E7E6D3, #97C7A8, #00A797, #AE5851, #242D0B)

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