Pine Coast color palette — #F5F6EF · #D3DCD4 · #ADB89D · #447139 · #3B3B33

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D3DCD4): a clean, paper-quiet neutral.
• Sage (#ADB89D): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#447139): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3B3B33): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Fern Thicket color palette (#F2F2EA, #CADCCF, #B0BBAE, #526F38, #212118)
• Antique Driftwood Summit color palette (#EEF8F5, #CFDCE2, #B0C1CF, #708A58, #323D3B)
• Ancient Pine color palette (#F7F6E6, #84A677, #2D743A, #425129, #35362F)
• Cypress Orchard color palette (#EFF8ED, #C5D9C5, #6DB4BD, #00695F, #283823)
• Wandering Study color palette (#DEE4DF, #8D9F94, #58796A, #003236, #040C05)
• Muted Forest Corridor color palette (#E9EBE4, #B6BBAD, #669B8B, #005325, #1E2114)
• Timeworn Parlor color palette (#F1F9E1, #82D378, #00C481, #008576, #31342E)
• Weathered Cerulean color palette (#D9EBD2, #87A788, #2A889F, #525279, #583745)

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