Quiet Harbor color palette — #FFEFFF · #FF7A82 · #009CC9 · #297FA0 · #0F1D31
Built around Rose, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
- Rose (#FF7A82): A luminous, vivid red — the color of embers at dusk.
- Cerulean (#009CC9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#297FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#0F1D31): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged jewel, vibrant, cool.
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
- Timeworn Lagoon color palette (#FFF0FA, #FF8A5E, #4EA2DF, #5686AA, #262939)
- Coral Meadow color palette (#FFF0FA, #FF7866, #00A578, #2F8767, #151A2D)
- Misty Veranda color palette (#F9F2FF, #D86B9B, #0075A0, #2C3C82, #0D0721)
- Hushed Apricot color palette (#D8F8E1, #FF9A8E, #A49A37, #4D74B2, #432534)
- Mustard Courtyard color palette (#E7FBEE, #CBA500, #00A2BA, #008396, #221B34)
- Softworn Apricot color palette (#FFF1F6, #EC8600, #9182E9, #766DB4, #1D1C30)
- Mustard Ridge color palette (#EBF9F1, #C1BC62, #79AEE4, #698FB5, #3A3340)
- Feathered Ember Study color palette (#FFF2EC, #E94B2F, #007959, #1F568A, #2D171A)
Browse the whole catalog at Explore, or see today's palette.