Pine Coast color palette — #E7F6EC · #90BFB1 · #51825B · #51526E · #102D26

Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#90BFB1): A luminous, dusty teal — the color of sea glass.
• Fern (#51825B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#51526E): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#102D26): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Courtyard color palette (#E9F5F1, #A3CDCB, #5F8B93, #655D72, #1C3636)
• Antique Cypress color palette (#E6F6EE, #8EAA80, #257553, #543C5A, #00221D)
• Cypress Parlor color palette (#F7EFF4, #C5E1F1, #6393B8, #006D64, #1E2C43)
• Washed Basalt Dune color palette (#FBF5E7, #C9C6A5, #729B7B, #8B6574, #4A4400)
• Wandering Thicket color palette (#F8F5EA, #D0E7C0, #8EA77E, #A36441, #393932)
• Pine Villa color palette (#D6F0E6, #548757, #00503F, #47171E, #000B01)
• Smoked Forest Market color palette (#DAF2ED, #00684E, #003131, #2B001A, #000201)
• Worn Loft color palette (#FFECF4, #DBAB7F, #A2672F, #653300, #200E00)

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