Quiet Harbor color palette — #F4F0D4 · #FA7C24 · #F91DB5 · #350D12 · #12091B
Hot Pink and Tangerine set the tone — five colors that lean into optimism and warmth.
The five colors
- Cream (#F4F0D4): A whisper-light, dusty green — the color of new leaves after rain.
- Tangerine (#FA7C24): A luminous, vivid orange — the color of sun-warmed clay.
- Hot Pink (#F91DB5): A luminous, vivid rose — the color of a warm blush.
- Onyx (#350D12): A deep, shadowed, dusty red — the color of embers at dusk.
- Ink (#12091B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, warm.
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
- Frosted Peony color palette (#F4F1D9, #FF9271, #FF54C1, #3C2134, #1D1821)
- Ancient Thicket color palette (#DEE7C5, #DC7000, #E80076, #290602, #0E0312)
- Dusty Fuchsia Loft color palette (#D4E6FE, #FF8783, #FF52ED, #5D3957, #160B0C)
- Orchid Lagoon color palette (#EBDCCF, #FF6898, #BB5BFF, #2C1833, #0E0E1B)
- Quiet Rose color palette (#EDE4F4, #CF9B00, #FF4047, #3C1B25, #1D101B)
- Garnet Chapel color palette (#EEE8F3, #C06592, #93141A, #77004B, #1B0319)
- Feathered Crimson Atelier color palette (#E8DDFF, #B96F00, #D30042, #190500, #060007)
- Quiet Terracotta color palette (#F1DEDF, #D35E5F, #9D1E08, #5D2000, #3E1A00)
Browse the whole catalog at Explore, or see today's palette.