Petal Harbor color palette — #E5F9FE · #ADE8EB · #E7CDFD · #B7BAD9 · #263D46

Thistle and Sea Foam set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#E5F9FE): A whisper-light, dusty blue — the color of open sky before noon.
• Sea Foam (#ADE8EB): A whisper-light, dusty blue — the color of deep harbor water.
• Thistle (#E7CDFD): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B7BAD9): A luminous, dusty violet — the color of wild irises.
• Deep Teal (#263D46): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Patina Hollow color palette (#EFF6FF, #CDD6EA, #D49AF5, #BCAAAA, #2A3653)
• Tempered Terrace color palette (#E3FBFA, #D0DEEB, #B4C8DD, #9A7D89, #49554A)
• Hushed Canyon color palette (#EBF8F8, #FAFBB3, #B3E1EB, #70D4EC, #193F44)
• Sand Study color palette (#ECF7FF, #CCDDFB, #FFBA8A, #52A5CD, #5B3B4A)
• Tempered Stone color palette (#FBF3F5, #C0E3EF, #A6B67F, #6E8C8E, #3B4B41)
• Dusty Sky Harbor color palette (#E3FAFF, #C4E0F5, #49C6F1, #548CB7, #43526A)
• Dusty Magenta Hollow color palette (#F0F5FF, #D1DEEE, #DBBCEB, #EF09E0, #250A45)
• Weathered Periwinkle color palette (#EBF5EA, #BEF6CA, #8CDBCA, #7398D3, #173625)

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