Pine Harbor color palette — #E8F5F3 · #CCD8E1 · #9DC6DC · #268026 · #102A27

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

The five colors

• Ivory (#E8F5F3): bright and airy, almost weightless.
• Silver (#CCD8E1): a clean, paper-quiet neutral.
• Sky (#9DC6DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#268026): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#102A27): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Cypress Lantern color palette (#E7F5F8, #D0D6E5, #ADC0DF, #007B77, #10292F)
• Bronze Cabin color palette (#ECF4EF, #C5DCE0, #96CACD, #816800, #1D2821)
• Tempered Loft color palette (#E3EBEA, #BECFD3, #8AA8BD, #006635, #041A19)
• Washed Summit color palette (#F4F6EF, #D2E2D9, #9CC0D7, #45A964, #313A00)
• Moonless Cypress Cabin color palette (#CFEEF1, #007D67, #002F3C, #001416, #000504)
• Jade Villa color palette (#E2F8EF, #74BA89, #007C73, #4B5100, #002725)
• Abyss Workshop color palette (#E4F1F6, #8EA3B3, #6E7C97, #003F41, #000508)
• Muted Workshop color palette (#FAECFF, #4EAA1D, #006D7F, #75003A, #002317)

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