Quiet Pine Harbor color palette — #F4F7EA · #7FAD84 · #4291C9 · #007B2B · #174667

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Jade (#7FAD84): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#4291C9): A luminous, balanced blue — the color of open sky before noon.
• Olive (#007B2B): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#174667): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Quiet Pine 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

• Worn Iris color palette (#EBFAEB, #63AEAF, #8B7BCC, #007476, #433B64)
• Softworn Chestnut Grove color palette (#FDF4E3, #B19F57, #259C9A, #786400, #004D4C)
• Hushed Bronze Archive color palette (#F6F7DE, #6A9752, #008C93, #925B00, #383931)
• Tempered Lagoon color palette (#F1F8EB, #84BEA9, #BA905B, #008768, #514C46)
• Timeworn Orchid Chapel color palette (#DCF6E9, #129CC4, #9E58AB, #00607B, #4B2153)
• Muted Lagoon Ridge color palette (#F2F8E5, #B1E5E2, #80CEE2, #668E5B, #4A4D46)
• Airy Fuchsia color palette (#E4FBF6, #93C97D, #D682CF, #5D9047, #463C5B)
• Powdered Garden color palette (#D5F4E5, #00789B, #436600, #003F54, #121F00)

Browse the whole catalog at Explore, or see today's palette.