Pine Coast color palette — #FEF1F9 · #B1E5F2 · #00AEC8 · #00884D · #004563

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Powder Blue (#B1E5F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00AEC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00884D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Faded Grove color palette (#FEF1F7, #B7E1FF, #529EF6, #008283, #333A70)
• Patina Cerulean Chapel color palette (#F7EAF3, #8AD3D8, #0094B9, #006F4F, #003051)
• Powdered Courtyard color palette (#EAF9F5, #A2F6F1, #00CFD6, #00A88F, #004951)
• Antique Lagoon color palette (#FAF3F8, #D6D5E8, #94B6CE, #5B9195, #41546A)
• Aged Denim Terrace color palette (#F8ECF3, #589EB1, #005E8D, #003C35, #000526)
• Sunlit Cobalt Cabin color palette (#F3E9EE, #83BBD0, #007AC1, #005A54, #0A184D)
• Cobalt Lantern color palette (#E2FEE4, #F3B22C, #0092E2, #9B6E00, #003E64)
• Powdered Amber color palette (#FFF3E3, #EBF7AA, #84DBB1, #D27152, #534407)

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