Pine Coast color palette — #F9F4ED · #BFDFBC · #1FA8B6 · #007F5D · #084150

Teal and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#BFDFBC): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#1FA8B6): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007F5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#084150): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Turquoise color palette (#ECF8F5, #D2E0ED, #43B9C0, #16806F, #00353C)
• Washed Villa color palette (#FBF4EA, #B3E0CD, #4D9BE0, #007A87, #293A5C)
• Weathered Denim color palette (#E7DFD3, #53A1A2, #006372, #003D2F, #000B12)
• Hushed Lagoon color palette (#E6FCE9, #BDEBFF, #9DC0FF, #2A9A87, #2B4033)
• Weathered Courtyard color palette (#FEF2EF, #96D2CE, #17859F, #365E33, #16433A)
• Tempered Petrol Hollow color palette (#E9E1D5, #7ABFC4, #00829B, #005B4C, #002332)
• Hazy Blush Studio color palette (#E2F5E2, #32BEBE, #E8627B, #008282, #58202B)
• Aged Orchid Chapel color palette (#D4ECD7, #00A9B3, #B860C5, #9A6F00, #1B321F)

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