Pine Coast color palette — #DFF3F3 · #E4A56C · #00764F · #004129 · #051A1A
A conversation between Pine and Camel, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Camel (#E4A56C): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#00764F): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004129): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#051A1A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Patina Apricot Pier color palette (#E0F2FA, #EAA081, #007080, #003D46, #08181F)
- Fern Field color palette (#E0F4EA, #D5AD6D, #6A6700, #393700, #081A12)
- Antique Pine color palette (#F3F7EA, #ECCC87, #2C7446, #242C07, #030400)
- Washed Shell color palette (#EBF1E6, #FFB396, #479980, #206350, #101A06)
- Amber Orchard color palette (#DBF5F8, #CE7B34, #005240, #002118, #000304)
- Antique Pier color palette (#EEF0E0, #AB9E18, #214F18, #222402, #0A130A)
- Timeworn Cerulean color palette (#EFF6FA, #F6C4B4, #308AA0, #2C5265, #232D32)
- Weathered Alley color palette (#D2E0EE, #EA8754, #005893, #002B4B, #000C1B)
Browse the whole catalog at Explore, or see today's palette.