Sunlit Pine Harbor color palette — #FCF1FD · #CADDF5 · #00C1E9 · #2B8D2F · #133757

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Powder Blue (#CADDF5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#00C1E9): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#2B8D2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#133757): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit 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

• Periwinkle Veranda color palette (#FFF0F9, #D4D5E3, #6BB3FF, #008A73, #2E2F5C)
• Pale Pine color palette (#FFEFFF, #B7FDFF, #00A9D8, #007837, #00244D)
• Chalky Aqua Hollow color palette (#FDF4E5, #81FCF6, #00CEE0, #41A681, #004759)
• Tempered Forest Station color palette (#FEF2EC, #8FDFD9, #008FA3, #006B39, #004662)
• Powder Orchard color palette (#F9F3F8, #D5D4E3, #97D5FA, #6B9F83, #404E63)
• Quiet Dune color palette (#F6F3FF, #B899FF, #00BA86, #009D7B, #25193E)
• Muted Denim color palette (#F2E5ED, #5AB0C6, #00588F, #002C21, #01000B)
• Sunlit Cobalt Workshop color palette (#FDF1F8, #9AD6ED, #007BDC, #005344, #09042D)

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