Pine Coast color palette — #EAF9F8 · #C0E6EB · #A2C5CF · #008F53 · #183938

Built around Fern, softened by Silver — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Silver (#C0E6EB): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A2C5CF): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008F53): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#183938): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Lagoon color palette (#EBF8FC, #C1E4F8, #A1C2E1, #008892, #1A3741)
• Washed Olive color palette (#EAFAF2, #C3E7DD, #9FC7C3, #7F7C00, #20392E)
• Forest Balcony color palette (#E9F9F8, #C0D8DC, #88ADBD, #006D35, #1F3837)
• Aged Jade color palette (#F3F7E9, #CDDED7, #9CCFC8, #00B65F, #2F3800)
• Ancient Lagoon color palette (#BEE9F1, #008A7E, #004048, #001F24, #000A0A)
• Gentle Mint Lantern color palette (#CCF5EE, #35C884, #008B75, #3D682D, #003820)
• Weathered Study color palette (#C9F1F4, #00A480, #2E50F1, #86003D, #2A2400)
• Timeworn Petrol color palette (#DDE6EC, #B3C7D9, #96A6BC, #006B85, #152128)

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