Tempered Harbor color palette — #F6EFFF · #97F2FF · #FFC563 · #392500 · #1F1200

Built around Cantaloupe, softened by Sea Foam — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EFFF): A whisper-light, dusty violet — the color of wild irises.
• Sea Foam (#97F2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cantaloupe (#FFC563): A whisper-light, balanced gold — the color of old brass.
• Espresso (#392500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1F1200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Quiet Market color palette (#FADFFF, #80EBFF, #E2C800, #322500, #0A0702)
• Dusty Seafoam color palette (#F0F1FF, #75FFC9, #FFC18F, #4A2600, #1F0F01)
• Aged Straw color palette (#FDF4E6, #FBD37D, #876500, #3C2B00, #0D0600)
• Muted Quarry color palette (#E9DBF5, #A5C7FF, #FFA65B, #784E2C, #2D231A)
• Ancient Balcony color palette (#DEF1FF, #C6F113, #E5CFCC, #39431D, #171508)
• Byzantium Corridor color palette (#FFF4DF, #D8B229, #008CC6, #8534C7, #231A00)
• Muted Delta color palette (#E6E0FF, #00D8BD, #DC9A00, #144239, #1A2A1C)
• Softworn Sunflower color palette (#FBF5E7, #F0DA5D, #00AA8D, #917E00, #040D00)

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