Patina Harbor color palette — #F8F3F9 · #D0E0F1 · #8AC7E2 · #58AD6F · #324965

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Frost (#D0E0F1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8AC7E2): A luminous, dusty blue — the color of deep harbor water.
• Jade (#58AD6F): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#324965): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Aqua Quarry color palette (#F1F7F2, #D4D6E7, #53CEE2, #41937A, #224356)
• Worn Teal color palette (#FAF3F7, #D9D4E2, #BEBCE4, #50B6A8, #4A516B)
• Gentle Emerald color palette (#FBF1FD, #B8EFFD, #27C9F2, #07AF2D, #004173)
• Dusty Garden color palette (#F0F5FF, #ABB9FF, #DCAA62, #A49F38, #2B3753)
• Feathered Parlor color palette (#F3ECF2, #9FE0E6, #39B2E5, #009756, #132C56)
• Worn Cobalt Hollow color palette (#E7DAE0, #78A6C8, #536DC5, #005D5C, #0E0023)
• Powdered Cobalt Garden color palette (#F3E9F1, #88B8CC, #008DC8, #00714A, #010448)
• Cornflower Bloom color palette (#CCF3FF, #8CD8F7, #70AEF6, #6883E2, #4F4269)

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