Quiet Harbor color palette — #EDDFEE · #AD0038 · #004C24 · #002F3D · #040008
Garnet takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#EDDFEE): A whisper-light, dusty pink — the color of neon signs at night.
- Garnet (#AD0038): A full-bodied, vivid red — the color of embers at dusk.
- Forest (#004C24): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#002F3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040008): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Energy, Balance. Tagged jewel, 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
- Terracotta Thicket color palette (#F5D7E9, #AC3C00, #265200, #002B3B, #120014)
- Nocturne Quarry color palette (#EBDEFE, #A10079, #354200, #002C2C, #010010)
- Obsidian Pier color palette (#FBE1EA, #894800, #004449, #1B006F, #060002)
- Frosted Rust Bloom color palette (#F1E3C8, #CB2E00, #664200, #003237, #180500)
- Misty Rust color palette (#FAE2D3, #C25000, #5F6E00, #004B6B, #060003)
- Shadow Meadow color palette (#F6DBE3, #770D9E, #004343, #001520, #01000A)
- Midnight Cocoa color palette (#F1DCE7, #5E2A00, #262800, #001618, #050007)
- Chalky Crimson Pier color palette (#FFEAFB, #F31642, #00744B, #005178, #24062B)
Browse the whole catalog at Explore, or see today's palette.