Pine Coast color palette — #E5F7EC · #98B27D · #297D4E · #00575C · #002720

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E5F7EC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#98B27D): A luminous, dusty green — the color of fresh herbs.
• Teal (#297D4E): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00575C): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#002720): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Softworn Olive Parlor color palette (#FFECF2, #B7A85F, #5E7526, #1A5847, #272000)
• Jade Courtyard color palette (#E3F7F1, #6ABB8E, #007C71, #3F5423, #002626)
• Antique Pewter Bloom color palette (#EAF6E8, #99BDA9, #6C7C54, #465573, #152D21)
• Wandering Emerald color palette (#DAECE4, #6D9C66, #00654A, #00404B, #021800)
• Aged Jade color palette (#F7F7E0, #BBE7B5, #5CA471, #3F7864, #173714)
• Cerulean Bloom color palette (#FBEDF7, #A6D9EB, #0090B6, #00654A, #002744)
• Charred Garden color palette (#D3F6E9, #326537, #003227, #220528, #000200)
• Indigo Bloom color palette (#DCE4FF, #5F73F3, #926F00, #706100, #0D123A)

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