Tempered Pine Harbor color palette — #E7F5F5 · #8FC0A9 · #C286AC · #00865F · #372A46

Fern takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#E7F5F5): a clean, paper-quiet neutral.
• Mint Leaf (#8FC0A9): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#C286AC): A luminous, balanced pink — the color of peonies in June.
• Fern (#00865F): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#372A46): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Petrol Studio color palette (#E7F4FA, #82BFCB, #CC877F, #008092, #40273C)
• Olive Thicket color palette (#E7F6F0, #B1B989, #9E93C9, #6E7A00, #2A2E4B)
• Hushed Blush color palette (#F3F7EA, #81C196, #C97F9C, #45825A, #67423F)
• Worn Chestnut Canyon color palette (#EAF5ED, #AAC2B6, #6B8C76, #6D532E, #18322A)
• Weathered Bronze color palette (#DEF8FA, #65AD95, #8D84BF, #A9653A, #0E2C2F)
• Hushed Driftwood Boulevard color palette (#E7F5F6, #CCDEEF, #BABAE8, #769E75, #2C4146)
• Worn Raspberry color palette (#DDF8FD, #00B0A3, #DE357C, #006A62, #42001E)
• Aged Workshop color palette (#ECF3F6, #ADCDB3, #3C6879, #00383E, #07161C)

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