Quiet Harbor color palette — #E0F3FF · #007A9E · #742DE0 · #006946 · #000204
A conversation between Violet and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0F3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007A9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Violet (#742DE0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Pine (#006946): A full-bodied, balanced teal — the color of glacier melt.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.
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
- Ultramarine Loft color palette (#D8F5FF, #007E85, #2E4BEF, #316800, #000203)
- Tempered Station color palette (#E4E8FF, #7D4AD3, #BA005D, #006181, #03000B)
- Washed Terrace color palette (#D6E6FA, #006DD1, #9C17B4, #006661, #000207)
- Misty Crimson Chapel color palette (#E9D9F3, #A946DA, #D8003F, #006BAC, #0F0019)
- Linen Raspberry Lantern color palette (#E6EAF8, #8D6FFD, #DF3089, #0081A2, #130435)
- Hushed Bloom color palette (#DBEEFF, #005D92, #743C00, #413900, #000205)
- Softworn Alley color palette (#D6EAFF, #478CD9, #0068BB, #003663, #000206)
- Tempered Harbor color palette (#D0E0F1, #8BABE1, #878BE7, #0075A5, #000D24)
Browse the whole catalog at Explore, or see today's palette.