Pine Coast color palette — #D6E6F4 · #298E4C · #002D46 · #2A2127 · #000912

Built around Fern, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Frost (#D6E6F4): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#298E4C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002D46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#2A2127): quiet, heavy and certain.
• Ink (#000912): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Timeworn Olive color palette (#D8F2F8, #668500, #00312D, #181217, #000A09)
• Jade Corridor color palette (#D1EAE1, #4DA86C, #004A71, #001D30, #000302)
• Eclipse Navy Summit color palette (#CFDFF7, #008E66, #072264, #000227, #000105)
• Ancient Bronze color palette (#D3E5E0, #AA6832, #00284A, #2A2229, #000918)
• Tempered Alley color palette (#EAF3FE, #84C4A0, #325782, #0F2845, #070D15)
• Dusty Chapel color palette (#EFF1FC, #D9B7D5, #655A82, #2C2F45, #12131B)
• Lowlit Orchard color palette (#C8E2F6, #00597D, #3D4A00, #003111, #000205)
• Abyss Veranda color palette (#DBEFF5, #005656, #462B00, #191B00, #000201)

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