Antique Pine Harbor color palette — #F8F3F8 · #C2E3ED · #5693AE · #257340 · #314968

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Powder Blue (#C2E3ED): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#5693AE): A luminous, dusty blue — the color of deep harbor water.
• Pine (#257340): A full-bodied, balanced teal — the color of sea glass.
• Navy (#314968): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Wandering Cypress color palette (#FAF3F6, #D8DEEF, #819AC4, #187F74, #4A516C)
• Hushed Cobalt color palette (#FAF3F8, #AECAD8, #467DAB, #00624B, #2E3664)
• Antique Basin color palette (#F5F1EB, #CEE3CF, #259DB3, #0C6E59, #103426)
• Ancient Cobalt color palette (#ECF9EF, #B69D58, #518CD1, #7D6200, #1F446D)
• Timeworn Onyx color palette (#EBDEE9, #509CA9, #004F75, #003220, #030644)
• Muted Delta color palette (#EDF9EE, #87B29E, #8C6C37, #7A3F24, #24443E)
• Navy Cabin color palette (#EDDFE4, #5C85A5, #202994, #002222, #0F0023)
• Washed Bronze color palette (#E8FCE8, #C1E9F0, #92C9D5, #AF6353, #325141)

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