Pine Coast color palette — #CBE5DC · #348C56 · #002D47 · #282227 · #000913

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

The five colors

• Silver (#CBE5DC): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#348C56): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002D47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#282227): quiet, heavy and certain.
• Ink (#000913): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Hollow color palette (#D3E8FA, #3AAB62, #004A6F, #001D2F, #000307)
• Navy Parlor color palette (#E9DCE8, #148D66, #001C71, #000324, #030003)
• Shadow Cocoa color palette (#D4E5D3, #005F5D, #5A3E00, #282A00, #000303)
• Wandering Basin color palette (#F7EFF7, #ABBA90, #37577D, #08274A, #140715)
• Rust Study color palette (#D5E0ED, #C15700, #00274D, #1D1522, #00091A)
• Amber Lantern color palette (#E0F3EE, #D4905E, #003E6C, #21242A, #000815)
• Tempered Stone color palette (#F9EFF3, #E4B8A8, #7A5466, #452535, #1A1115)
• Antique Nightshade color palette (#E7DCE2, #BCAFB5, #A6828F, #3F20A4, #16040F)

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