Pine Coast color palette — #F2E8F2 · #89CECE · #00A1CB · #008335 · #001F41

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

The five colors

• Blush (#F2E8F2): bright and airy, almost weightless.
• Aqua (#89CECE): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
• Olive (#008335): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#001F41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cornflower Thicket color palette (#E8DCE3, #91CADE, #2095F7, #007F68, #181747)
• Petrol Harbor color palette (#E5DED3, #63C3C4, #008395, #005B47, #002330)
• Sunlit Forest color palette (#F7EAF8, #63B0AB, #00829C, #10620C, #000A17)
• Softworn Periwinkle Corridor color palette (#FFF0F8, #A7E4FF, #6FACFF, #009987, #2F2960)
• Tempered Glacier Harbor color palette (#ECF9EE, #6DE1E2, #00899C, #005341, #000F16)
• Muted Lilac color palette (#C4E6EF, #94D4FF, #B2A9FF, #529B61, #002930)
• Hazy Station color palette (#E0F3E0, #00B189, #008884, #005F72, #001D32)
• Hushed Turquoise color palette (#CBE9EE, #00BDDF, #0091A3, #00596D, #000E11)

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