Pine Coast color palette — #EBF4F4 · #9ED1B4 · #448BB6 · #0B8758 · #081723

A conversation between Fern and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Pistachio (#9ED1B4): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#448BB6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0B8758): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#081723): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Antique Cobalt color palette (#ECF3F6, #8ED0DA, #6A80BD, #00808E, #0E1623)
• Muted Olive Courtyard color palette (#EDF4F0, #A0D0BC, #369679, #747800, #041A1B)
• Cobalt Lagoon color palette (#F6F6EE, #B0CA9C, #7774B7, #58783B, #352A30)
• Muted Turquoise color palette (#F4F6F0, #A8E0C1, #00ADCB, #579D79, #26312A)
• Softworn Cocoa Workshop color palette (#E8F6EB, #7AB9B3, #4B8097, #733F52, #173038)
• Cobalt Villa color palette (#E6F5F8, #16C1AD, #006FB4, #006A5F, #000A17)
• Antique Denim Pier color palette (#D2FBFF, #92C9D6, #4498AA, #006187, #00305A)
• Misty Aubergine color palette (#D4E4EC, #00879D, #4F189A, #003D49, #01000A)

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