Sunlit Harbor color palette — #FFF1F6 · #AA68FF · #8F6600 · #6B4B00 · #122C17

Built around Amethyst, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Amethyst (#AA68FF): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#8F6600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B4B00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#122C17): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Wandering Lilac color palette (#FFF0F7, #A380FF, #757F00, #00663C, #003B20)
• Timeworn Cornflower color palette (#FFF0FE, #2289FB, #986B00, #704E00, #242705)
• Hushed Drift color palette (#FFF1F3, #F341DD, #5B7400, #465A00, #002A1A)
• Quiet Amethyst color palette (#FFE0F1, #843EF0, #4E6C00, #354B00, #0C1700)
• Indigo Corridor color palette (#FFF0F9, #6E76FF, #008F40, #00622A, #1A260A)
• Soft Veranda color palette (#F5F3FF, #C568D1, #C04015, #306500, #030A27)
• Dusty Iris color palette (#FFF0F9, #8685E2, #009187, #076C72, #1E2D21)
• Frosted Lagoon color palette (#F7DADD, #AD00C0, #2F5800, #1F3D00, #000801)

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