Pine Coast color palette — #FDF1D6 · #97B369 · #267E47 · #00585A · #192500

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

The five colors

• Cream (#FDF1D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#97B369): A luminous, balanced green — the color of new leaves after rain.
• Olive (#267E47): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00585A): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#192500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Sunlit Lagoon color palette (#FFEFE0, #BEA653, #637400, #005B41, #2C1E00)
• Faded Grove color palette (#F5F3D9, #75B98D, #007C6E, #405513, #002913)
• Worn Forest color palette (#E9E3CF, #759A65, #036545, #004149, #051700)
• Pewter Field color palette (#F9F0E7, #C3B189, #6D7C4F, #644C5E, #30260F)
• Worn Forest color palette (#F4E2C4, #8D9F33, #176E20, #422D77, #141800)
• Dusty Jade Garden color palette (#DDFEF4, #BBE7AE, #5BA568, #337A5F, #1B3612)
• Patina Cerulean Chapel color palette (#FBEFE9, #9BDDE0, #0091B1, #006545, #002841)
• Forest Market color palette (#EBE7D6, #2A6826, #003225, #200629, #000200)

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