Pine Coast color palette — #D1ECDE · #91B07E · #1E855A · #5B572A · #1B300A

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

The five colors

• Honeydew (#D1ECDE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#91B07E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#1E855A): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#5B572A): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#1B300A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Washed Pine Basin color palette (#FCF5E2, #A0CA81, #008D59, #575324, #0D1D00)
• Olive Loft color palette (#D9F3DE, #ABB25D, #478A34, #006961, #2E3100)
• Weathered Lagoon Studio color palette (#E5FBF2, #89C1BB, #42917A, #61683C, #193C39)
• Ancient Fern color palette (#D3EEE7, #62A37C, #007065, #364E08, #002210)
• Pale Workshop color palette (#D2EBE3, #9DC983, #59A55A, #6C7D48, #00312A)
• Tempered Jade Corridor color palette (#DAF1DE, #00B790, #00897E, #005B62, #003446)
• Timeworn Bronze color palette (#E4F3E3, #92851C, #415D00, #004335, #131000)
• Hazy Forest color palette (#F8EAF3, #8BD4CF, #0197AD, #00703E, #003249)

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