Pine Coast color palette — #D8F3EF · #72AAD4 · #9073AE · #22774B · #002E18

Pine takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D8F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#72AAD4): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#9073AE): A luminous, balanced violet — the color of twilight just after sunset.
• Pine (#22774B): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002E18): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Wandering Driftwood color palette (#D5E8F5, #87A2C3, #AF73A6, #00726D, #002939)
• Fern Bloom color palette (#D0E6D6, #6BB3B5, #727FAB, #546721, #223200)
• Powdered Boulevard color palette (#DBEAFE, #A1BCE4, #8294DF, #368D26, #004242)
• Pewter Lagoon color palette (#EBD7ED, #8B8FBF, #805890, #6A480A, #2B2D00)
• Dusty Cerulean Chapel color palette (#D6E1F0, #ABB7DC, #BE7C93, #118897, #253A60)
• Weathered Parlor color palette (#CFE6FF, #6C8BAE, #7E5A7E, #005147, #001022)
• Pewter Bloom color palette (#D0E4FF, #A3A0CD, #845C8A, #583800, #00190F)
• Muted Cerulean Quarry color palette (#D3F3FA, #6782B2, #694866, #2F2E28, #111800)

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