Quiet Harbor color palette — #F0E5DC · #60BAF0 · #357FEE · #006C71 · #10043F
Built around Azure, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#F0E5DC): bright and airy, almost weightless.
- Cyan (#60BAF0): A luminous, balanced blue — the color of open sky before noon.
- Azure (#357FEE): A luminous, vivid blue — the color of deep harbor water.
- Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#10043F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet 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 Cabin color palette (#F9E9E1, #12C5DE, #008EC1, #006F5B, #00132E)
- Aged Petrol Parlor color palette (#DFF5F4, #52ABE5, #0069B2, #00475D, #001231)
- Antique Navy Thicket color palette (#D1F1F2, #009AB7, #0076A4, #0047A9, #0E0349)
- Frosted Archive color palette (#F9ECE1, #9EDDFF, #6FA7EE, #009093, #242855)
- Azure Thicket color palette (#DFF3EB, #0098D5, #A67500, #006A96, #170D00)
- Patina Ultramarine Thicket color palette (#FDE7F0, #81BFE7, #4161B8, #003E3C, #04000F)
- Chalky Wisteria Field color palette (#DFEFFF, #B0BAFF, #C78AD3, #008D96, #081336)
- Soft Sapphire color palette (#E8F0FD, #679EFF, #0272EA, #00418B, #000208)
Browse the whole catalog at Explore, or see today's palette.