Pine Coast color palette — #F4F7EC · #7CC895 · #008EAE · #00884A · #031E12
A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Mint Leaf (#7CC895): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008EAE): A full-bodied, balanced blue — the color of deep harbor water.
- Fern (#00884A): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#031E12): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Muted Olive Basin color palette (#F7F6EC, #A9BF73, #009586, #657D00, #101C0C)
- Softworn Cornflower color palette (#F1F8EC, #30D0AA, #0082E2, #00856A, #201322)
- Frosted Seafoam Harbor color palette (#E9F9F9, #76EABE, #009BB0, #008B67, #00070B)
- Patina Teal Archive color palette (#FCECD4, #14BAA7, #0084A4, #81385C, #1E3720)
- Antique Boulevard color palette (#EAF9F7, #A2DC9C, #4DAAF0, #54AD4E, #071A2A)
- Ancient Meadow color palette (#F2F7F0, #CEDED9, #ABC5C2, #30937D, #363D30)
- Antique Atelier color palette (#F1F9E5, #00A477, #734DB1, #922A39, #271C02)
- Timeworn Alley color palette (#B0F7D7, #0BCAC1, #0095A1, #006681, #003154)
Browse the whole catalog at Explore, or see today's palette.