Pine Coast color palette — #EDF6DE · #008552 · #005579 · #473000 · #0B0A00

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#EDF6DE): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008552): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005579): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#473000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0B0A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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 Olive color palette (#F8F2DB, #6D7000, #005954, #661809, #0F0700)
• Faded Nightshade color palette (#E5F7EA, #007384, #4F3F97, #243B00, #030E00)
• Softworn Corridor color palette (#EFF5E1, #008042, #862300, #482E00, #0F0C00)
• Antique Courtyard color palette (#E0F4E1, #008D91, #005699, #3E255A, #001A0C)
• Weathered Teal color palette (#CEF3ED, #00B7B8, #007A83, #004450, #001A24)
• Antique Cypress Villa color palette (#EEF4EB, #C6DCD4, #AEBBAF, #107562, #1C2318)
• Powdered Aubergine color palette (#DEFCFC, #007850, #513189, #640123, #032515)
• Mulberry Workshop color palette (#E4FCEE, #0099BA, #007792, #7E234C, #1C2209)

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