Quiet Harbor color palette — #DFF7F8 · #5CD8A1 · #BD63A9 · #896C00 · #372A00
Hot Pink and Aqua set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DFF7F8): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#5CD8A1): A luminous, balanced teal — the color of shallow lagoons.
- Hot Pink (#BD63A9): A luminous, balanced pink — the color of a candy shop window.
- Ochre (#896C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#372A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Wisteria Garden color palette (#E2F7F1, #9CC065, #AE70EA, #886C00, #362A00)
- Hushed Peony color palette (#EAF8FA, #4DE6CA, #D16EA3, #778535, #0F4234)
- Frosted Canyon color palette (#E5F5FC, #27D4E6, #E05244, #777400, #2F2D00)
- Magenta Harbor color palette (#CFEFF4, #26CEB8, #EB0BC3, #316B00, #002C1B)
- Quiet Archive color palette (#E9F8FF, #00BAD5, #8E5FAD, #773200, #002305)
- Wandering Dune color palette (#E5F7EC, #C5B346, #5792EC, #A15C20, #442000)
- Raspberry Pier color palette (#CCEFF4, #00A78D, #CC007B, #5F5000, #161100)
- Aged Lilac Ridge color palette (#B4EAEA, #92CEDF, #A09DDB, #6B8E74, #364B3B)
Browse the whole catalog at Explore, or see today's palette.