Forest Harbor color palette — #F5E5F0 · #5DC3C2 · #0092AD · #007146 · #001624

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

The five colors

• Blush (#F5E5F0): A whisper-light, dusty pink — the color of neon signs at night.
• Aqua (#5DC3C2): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0092AD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007146): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Washed Meadow color palette (#F6E9F3, #61D2E8, #009ED9, #007F6A, #051F3F)
• Softworn Harbor color palette (#DFDFD2, #2AB7B8, #00747D, #004B42, #00181C)
• Airy Cobalt color palette (#F1E2EA, #3EAED9, #0777CA, #005D5B, #030326)
• Spruce Workshop color palette (#FAEAE5, #84C4C2, #00728E, #004210, #000309)
• Worn Courtyard color palette (#F5EBF2, #97E4DD, #00B8D0, #45915E, #003347)
• Abyss Thicket color palette (#EDE5DA, #579696, #00535E, #002D21, #000509)
• Mint Meadow color palette (#D6E7D0, #00D7AC, #00B2E0, #8B7B00, #001A0C)
• Linen Clover Loft color palette (#DBEDDD, #00BB5E, #008C48, #005030, #000301)

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