Pine Coast color palette — #F7F1E5 · #BAB58D · #4F835A · #594E73 · #2C280B

Fern and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Sage (#BAB58D): A luminous, dusty green — the color of fresh herbs.
• Fern (#4F835A): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#594E73): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#2C280B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Pine color palette (#F7F1E4, #92A87F, #28754D, #523B61, #1F1D00)
• Driftwood Alley color palette (#F3F2EB, #C0C6B0, #748B68, #7D545B, #30322B)
• Timeworn Pine color palette (#F6F6EC, #AEB48F, #41835B, #3F634B, #414700)
• Worn Mulberry color palette (#FEEDEF, #C192BB, #2CA47A, #923E8B, #003020)
• Timeworn Teal color palette (#EDF8F5, #B7E8F6, #71AE86, #507D90, #17403C)
• Cypress Meadow color palette (#F7F0ED, #CEE2D4, #5F95B3, #006E5C, #132C4C)
• Aubergine Veranda color palette (#E4DFC7, #578655, #00503D, #430451, #000B01)
• Antique Iris color palette (#FFEDED, #E3D5C6, #E9B893, #8974B6, #482E2A)

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