Quiet Harbor color palette — #FFF0FB · #74C6D6 · #0077A3 · #005748 · #023265
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#74C6D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#023265): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Dusty Sapphire color palette (#FFF1F6, #85BFE6, #2C69CE, #00555A, #2C246E)
- Weathered Petrol Meadow color palette (#F2F4E0, #83C8D5, #007F98, #005153, #001E29)
- Wandering Cerulean Study color palette (#E3FBF7, #87DAE9, #009CBC, #007274, #00394B)
- Timeworn Denim Courtyard color palette (#F8ECF3, #5FABBF, #005E89, #003F36, #001B4C)
- Ash Meadow color palette (#FAF3F7, #D7E0F1, #759EC0, #437882, #475367)
- Sky Alley color palette (#FFF2EC, #8FEAFA, #0EB9F7, #009A7E, #003264)
- Weathered Navy color palette (#E8DBE0, #5687A2, #003B76, #002223, #05002C)
- Peony Station color palette (#F4E6EF, #D62CB3, #006430, #00565A, #400834)
Browse the whole catalog at Explore, or see today's palette.