Pine Coast color palette — #E8E8CE · #3E7A4F · #004231 · #00282A · #001505

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#E8E8CE): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#3E7A4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004231): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00282A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001505): A deep, shadowed, dusty teal — the color of glacier melt.

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 Olive color palette (#F6EEE1, #776D12, #313D00, #002B12, #121000)
• Timeworn Summit color palette (#DDF0E5, #60934C, #00614D, #003D56, #041400)
• Aged Forest color palette (#E8E5D7, #779668, #006636, #113D73, #2B2B02)
• Timeworn Denim color palette (#EDE4D7, #569AAD, #00506F, #00302F, #001529)
• Wandering Lapis color palette (#F1D8E7, #5448C0, #554D00, #29007F, #121000)
• Pale Boulevard color palette (#FDF5DE, #96AD6D, #357B33, #195581, #324016)
• Worn Aubergine color palette (#FFE4F2, #5027AC, #692C00, #003A2B, #090022)
• Patina Harbor color palette (#FBF4EB, #CAC0A6, #8E8239, #48705C, #5F4A00)

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