Pine Coast color palette — #FFF2ED · #C0EBF7 · #76ADD4 · #01835B · #212C4E

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Frost (#C0EBF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#76ADD4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#01835B): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#212C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Faded Pine Harbor color palette (#FFF2EE, #B2FFFB, #00ABCF, #08791A, #002645)
• Patina Powder Meadow color palette (#FBF4EE, #C0E5F5, #9BBDED, #479184, #3C3A5E)
• Iris Thicket color palette (#FFF3E9, #CBEBFF, #698EE4, #006A65, #21153D)
• Cobalt Orchard color palette (#FAF2F8, #A5CCDC, #0081B8, #006341, #2A3B55)
• Chalky Pine color palette (#F2F8E6, #6FD89E, #CE8ACC, #008D56, #3A1939)
• Timeworn Denim color palette (#E8DCD6, #72ADBA, #005A8A, #002D1E, #00000B)
• Worn Cerulean color palette (#F7F1E7, #ABD3B6, #0089AC, #005C54, #00281D)
• Gentle Emerald Bloom color palette (#FFF5D6, #B0D271, #49A555, #006A57, #003233)

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