Gentle Harbor color palette — #F6F6E7 · #93ECE6 · #00C2C7 · #009A82 · #003A41
Built around Cyan, softened by Fern — the whole palette hums with calm and balance.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Sea Foam (#93ECE6): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00C2C7): A luminous, balanced teal — the color of sea glass.
- Fern (#009A82): A luminous, balanced teal — the color of sea glass.
- Deep Teal (#003A41): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle 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
- Patina Sky Canyon color palette (#F4F7EB, #9FE6FF, #07BAF6, #0095A6, #003753)
- Teal Coast color palette (#F5F6EE, #C0E8E1, #7BCBDF, #00AEAC, #27523E)
- Pine Summit color palette (#FFF2EB, #8DDBD7, #009DB5, #007744, #003751)
- Dusty Aqua Loft color palette (#E5F6F2, #4AD2CE, #008187, #005347, #001F23)
- Weathered Study color palette (#ECEEDF, #69ACBB, #00819E, #005D60, #000B12)
- Frosted Amber Chapel color palette (#EFDBBC, #D2B655, #BB8C00, #986500, #2F2900)
- Aged Basin color palette (#FFDBD1, #FF8F9A, #8F9DFF, #F61B59, #20157B)
- Rose Studio color palette (#FFF2ED, #EDD8BD, #E1C783, #FC566C, #5C2215)
Browse the whole catalog at Explore, or see today's palette.