Pine Harbor color palette — #F1F3E8 · #CADCD0 · #AFC8A7 · #2F7E2D · #252713

Built around Olive, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Silver (#CADCD0): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#AFC8A7): A luminous, dusty green — the color of fresh herbs.
• Olive (#2F7E2D): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#252713): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Pine Harbor 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

• Antique Drift color palette (#EEF4ED, #C3DFDA, #A6C8B9, #007B77, #1D281C)
• Muted Bronze color palette (#F6F1E7, #D2D9CB, #C0C2A6, #7F6900, #2B2417)
• Weathered Loft color palette (#E8EAE2, #C6CFC0, #96AA95, #006636, #141808)
• Muted Olive Dune color palette (#ECF8F5, #C9DEEB, #A7C1CC, #53763E, #314440)
• Hushed Moss Workshop color palette (#F5F6EF, #D1E3D9, #B9BBC6, #6AA539, #36362A)
• Obsidian Cypress color palette (#E1ECD9, #007E63, #003131, #091400, #030400)
• Dusty Aubergine color palette (#EFF5E2, #009C5E, #006096, #60005F, #291000)
• Quiet Courtyard color palette (#FFF0D8, #00AE50, #00706C, #5C1B6A, #002316)

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