Quiet Harbor color palette — #FFF0F8 · #FF9F6A · #988B38 · #366944 · #471A27
Apricot takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Apricot (#FF9F6A): A luminous, balanced orange — the color of toasted spice.
- Moss (#988B38): A luminous, balanced green — the color of fresh herbs.
- Pine (#366944): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#471A27): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Optimism, 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
- Linen Station color palette (#FDF0FD, #FF99A0, #B17E45, #56622D, #3E1D38)
- Gentle Mustard color palette (#E9FAED, #E1B44B, #729758, #156A5F, #481B13)
- Apricot Cabin color palette (#FEF0FB, #FF9C8E, #A9833C, #605188, #431B31)
- Ancient Amber Delta color palette (#FFF1F7, #E97D00, #394C37, #271A20, #090406)
- Aged Cerulean Corridor color palette (#FDF1F8, #F1AB8F, #86AD77, #3187AE, #4D274D)
- Patina Amber color palette (#FFF4E1, #C78E00, #557800, #004B3D, #2B0003)
- Muted Olive color palette (#FEEEE4, #C0795D, #4E7121, #004959, #290F3D)
- Antique Taupe color palette (#ECF9EF, #F4E6AC, #A4A164, #8B6B7D, #2C3D33)
Browse the whole catalog at Explore, or see today's palette.