Pine Coast color palette — #F9F3F9 · #ACDEEE · #46A1C6 · #387C4D · #243C59

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#ACDEEE): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#46A1C6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#387C4D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#243C59): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Lagoon Harbor color palette (#FCF2F8, #D2DFF9, #86A8CE, #348B78, #3C4764)
• Worn Cobalt Coast color palette (#F9EAF1, #92CEE7, #4888D5, #006E5E, #29255A)
• Iris Summit color palette (#D5E6FF, #6C92E6, #9D8914, #5D7D35, #1B2A4B)
• Cerulean Veranda color palette (#F8F5EF, #B4CCB7, #00879D, #006150, #004158)
• Wandering Cerulean color palette (#EFF6FF, #E9D4E8, #EDB6C1, #5092A4, #343B5A)
• Patina Denim color palette (#F5E7F3, #4AA1AB, #006085, #003E23, #000527)
• Dusty Ultramarine Alley color palette (#EFDDE5, #6EABC9, #2762BF, #004B43, #160040)
• Pale Cobalt color palette (#D9F0F2, #3AB2EA, #4C7DD5, #5650A2, #402959)

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