Forest Harbor color palette — #FDF1F9 · #A7CCD7 · #378398 · #006340 · #103F5B

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Oat (#A7CCD7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#378398): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006340): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#103F5B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Tempered Cobalt Parlor color palette (#FCF2F5, #A6C9EA, #6077AB, #005E68, #38355B)
• Washed Lagoon Loft color palette (#F2F3EA, #B8CEB8, #008D96, #005C51, #00262C)
• Aged Turquoise color palette (#EFF7F5, #B2DDE9, #25A8B4, #007D71, #00434D)
• Weathered Harbor color palette (#F4E9F1, #448D93, #004356, #002317, #000A17)
• Aqua Market color palette (#FBF3F0, #C9EBCA, #26C5E7, #4B9F74, #154437)
• Worn Sky color palette (#DAFEF8, #AAE3D3, #76BCD8, #6A6834, #0C4343)
• Antique Denim Balcony color palette (#E9DDE7, #76A7B9, #00607E, #004030, #00203D)
• Olive Veranda color palette (#ECE2C0, #A0A640, #3A7816, #005822, #004234)

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