Pine Coast color palette — #FFF2EE · #8ADBDC · #009AC4 · #007834 · #003265

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#8ADBDC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009AC4): A luminous, balanced blue — the color of open sky before noon.
• Olive (#007834): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003265): A deep, shadowed, balanced 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

• Hazy Cornflower color palette (#FFF2EA, #88D7F7, #348DEE, #007463, #2D256B)
• Dusty Pine color palette (#FDF1FC, #B0FFFE, #00AAD4, #00782C, #002549)
• Worn Pine color palette (#FDF2EF, #C3DDC1, #4BA2BD, #437B45, #0D443A)
• Faded Petrol color palette (#EFE3DE, #7DBEC3, #007FA9, #005D31, #001C4A)
• Hazy Terrace color palette (#FFF4E2, #89EDEF, #00BFD9, #009B7C, #00394B)
• Frosted Jade color palette (#DAEFDA, #00C48D, #00888C, #005B70, #003453)
• Dusty Veranda color palette (#FDF3EE, #CBEFD8, #7CAAD0, #3B8B70, #583E52)
• Aged Market color palette (#D5FFFB, #ADDCFF, #CEABFF, #478D42, #003D4B)

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