Frosted Olive Harbor color palette — #F9F2FF · #B46F92 · #818016 · #007397 · #3F314A

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Dusty Rose (#B46F92): A luminous, balanced rose — the color of strawberry cream.
• Olive Leaf (#818016): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#007397): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F314A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Frosted Olive 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

• Olive Quarry color palette (#FFF0FE, #C26B6B, #4A8E3F, #3C66B1, #443043)
• Linen Bronze color palette (#F3F4FF, #937ABC, #AD6821, #007A6C, #333550)
• Weathered Lilac Archive color palette (#F2F0FF, #B070C1, #00938A, #007A81, #1E1B2E)
• Aged Studio color palette (#FBDBE5, #AC6700, #007E74, #762CAF, #421E2C)
• Tempered Wisteria Balcony color palette (#FFF1F3, #D086D1, #00AEAD, #1D8BAF, #4B2E34)
• Faded Plum Orchard color palette (#F7E2E4, #D00050, #477300, #005396, #4A0017)
• Quiet Grape color palette (#FFE5DA, #D05300, #00875F, #5C2BE6, #502009)
• Timeworn Cocoa color palette (#FFF0F8, #C19BA8, #9A6344, #7D3B2F, #2C4430)

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