Pine Coast color palette — #EBF3DB · #009152 · #2F4A2D · #192100 · #020200

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EBF3DB): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009152): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2F4A2D): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#192100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020200): a grounded near-black with real depth.

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

• Olive Veranda color palette (#F1EDDF, #837D00, #2D4A2C, #251C00, #030100)
• Timeworn Lagoon color palette (#E3F5DF, #008C83, #004A5D, #12220F, #010200)
• Cellar Forest color palette (#DDE8C7, #007244, #2D343A, #001710, #010100)
• Teal Studio color palette (#E7F4E4, #00A89E, #206277, #243C20, #060900)
• Worn Teal Terrace color palette (#DFE8D5, #5AC199, #607763, #3B5310, #191910)
• Emerald Parlor color palette (#EBE3D0, #95B275, #139659, #6E6525, #112000)
• Cerulean Alley color palette (#DDEFE7, #0098CC, #654960, #15372B, #010602)
• Timeworn Turquoise color palette (#CDE9D9, #00B2D9, #795B79, #2C493A, #0B140A)

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