Pine Coast color palette — #EBF4F3 · #CDD8E0 · #A9BAC2 · #2F7546 · #162323

Pine and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#CDD8E0): a clean, paper-quiet neutral.
• Ash (#A9BAC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#2F7546): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#162323): quiet, heavy and certain.

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

• Cypress Field color palette (#E4F7F1, #75ABAA, #007569, #264F45, #002221)
• Worn Petrol color palette (#ECF3F8, #D5D5E7, #B5BEDA, #007699, #172731)
• Weathered Lagoon Delta color palette (#F4F6EF, #D2E0D8, #A0BBBB, #62987A, #2D2F29)
• Abyss Lagoon color palette (#D7E4E4, #A7B6BA, #7293A4, #005135, #000E0E)
• Softworn Garden color palette (#E3EAF0, #C3CCDC, #9FA2B8, #005B87, #0A1722)
• Nocturne Thicket color palette (#DAEEF2, #007568, #062937, #000F13, #000303)
• Aged Onyx color palette (#C9F0E7, #83A8AF, #5E7A8D, #5A4050, #40222F)
• Onyx Canyon color palette (#E7EFF3, #848F99, #626B7E, #002F3A, #000103)

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