Ancient Harbor color palette — #FAF3F8 · #D5D4E2 · #8DC3E3 · #309581 · #2C415A
A conversation between Fern and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Silver (#D5D4E2): a clean, paper-quiet neutral.
- Sky (#8DC3E3): A luminous, dusty blue — the color of deep harbor water.
- Fern (#309581): A luminous, balanced teal — the color of sea glass.
- Navy (#2C415A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Ancient 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
- Gentle Sky color palette (#FDF1FA, #D0D7EB, #04BEFA, #008B6F, #0B365F)
- Teal Lantern color palette (#F5F6EE, #C2E6E1, #71CCE9, #01ADB3, #1B4E63)
- Aged Cerulean color palette (#EBF4F3, #C3E2F1, #3A9BB7, #006C70, #0D3043)
- Softworn Powder color palette (#F1F5FF, #DFD8E1, #B6B1A7, #84B3D5, #41455F)
- Tempered Denim color palette (#EEDEE9, #68B0B2, #005E73, #002D1B, #000103)
- Ancient Cerulean Meadow color palette (#FDF3EE, #C7E5D0, #4094BF, #237160, #563E57)
- Antique Thicket color palette (#F8E9F1, #84C1D8, #006CAC, #003E3A, #000015)
- Moss Study color palette (#F1F5FF, #B4B1FB, #BAAB5A, #949842, #232A41)
Browse the whole catalog at Explore, or see today's palette.