Pine Coast color palette — #F3F9DF · #85D496 · #D688C2 · #008E40 · #411138

Kelly Green and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F3F9DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#85D496): A luminous, balanced green — the color of new leaves after rain.
• Bubblegum (#D688C2): A luminous, balanced pink — the color of peonies in June.
• Kelly Green (#008E40): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#411138): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Pale Emerald Lantern color palette (#EBF2DA, #7FD49F, #E999F0, #00A15D, #4E1E53)
• Lilac Meadow color palette (#FBF6DA, #B8C973, #B693ED, #6E7E00, #2E1D47)
• Washed Blush color palette (#E9FCE3, #49EAD4, #DD6F94, #00897B, #461126)
• Sunlit Peony Chapel color palette (#D3F0EC, #60A464, #BE4FAA, #006218, #300B29)
• Patina Ridge color palette (#F0FADC, #53BE84, #818CE9, #C35A3C, #002211)
• Ancient Plum color palette (#DBF5F2, #55B46E, #A82D94, #00692D, #4A2842)
• Timeworn Chestnut Lantern color palette (#FFF3E4, #D7C794, #A28456, #784D27, #282107)
• Quiet Garden color palette (#DBFFED, #70D6FF, #FF8952, #008BB2, #501C00)

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