Pine Coast color palette — #D6EEEC · #007C4F · #004130 · #2D1900 · #000404

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6EEEC): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007C4F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004130): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000404): a grounded near-black with real depth.

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

• Tempered Atelier color palette (#DAF0EE, #368A67, #00503F, #2A2D00, #000B05)
• Worn Pine color palette (#EAEAD5, #00804D, #00413A, #38102D, #0C1200)
• Shadow Olive color palette (#CFE7D6, #74690A, #373900, #331400, #030300)
• Forest Bloom color palette (#D0E4DE, #719B67, #00672B, #473600, #001613)
• Weathered Pine Harbor color palette (#E7F5F3, #79AF86, #07774F, #27503C, #002220)
• Moonless Corridor color palette (#EFEBCD, #534A00, #004A36, #581100, #010100)
• Wandering Emerald color palette (#CBE9E1, #32A56D, #005A52, #4A0D3C, #000201)
• Antique Dune color palette (#D8E5DB, #A89F47, #648200, #563900, #000803)

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