Quiet Harbor color palette — #FDEDF4 · #67C8F7 · #0071D1 · #005152 · #10094E

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FDEDF4): bright and airy, almost weightless.
• Sky (#67C8F7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0071D1): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#10094E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Aged Petrol Station color palette (#F2E4ED, #7CBFD2, #1872A3, #004C43, #031335)
• Wandering Orchard color palette (#FEF3E9, #7AC2E5, #0666DE, #00574D, #32226C)
• Muted Meadow color palette (#FBEDF8, #7CE2EE, #0090BA, #00644D, #002647)
• Faded Ultramarine color palette (#F7E5EC, #57A5D5, #0C51B5, #00393C, #080327)
• Cornflower Balcony color palette (#FDF4E6, #88D6FF, #0091EF, #00707D, #0B2B73)
• Weathered Station color palette (#F9EFF2, #D9D0E3, #879DC0, #3B757D, #303549)
• Periwinkle Chapel color palette (#D3FBFF, #5CEAFE, #52A4FF, #376F11, #002323)
• Lagoon Hollow color palette (#E9DCE5, #009DA4, #005267, #002D1E, #00050C)

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