Pale Iris Harbor color palette — #F9FAC2 · #CCC828 · #717FEF · #726F00 · #14045E

Built around Periwinkle, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Custard (#F9FAC2): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#CCC828): A luminous, vivid green — the color of a quiet forest floor.
• Periwinkle (#717FEF): A luminous, vivid violet — the color of a velvet chair.
• Olive (#726F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#14045E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity. Tagged cool.

Use it as a design system

One click turns Pale Iris 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

• Softworn Ridge color palette (#D8FFF5, #99D828, #977CF9, #4C7000, #230056)
• Ancient Delta color palette (#F2E4BF, #DECC32, #A497FF, #837600, #300D75)
• Airy Iris color palette (#FFF1F5, #FFAD46, #7E7AEF, #965C00, #1C005D)
• Dusty Atelier color palette (#DFFFE2, #F6B328, #0095DA, #8C6200, #002135)
• Wandering Orchard color palette (#DFFCFB, #58D58C, #A567BD, #007743, #290037)
• Faded Olive Atelier color palette (#D6FFF8, #A4ED8F, #CC85F9, #328C00, #41135A)
• Sunlit Amethyst Market color palette (#ECE8C6, #968800, #723CFF, #564D00, #170046)
• Wisteria Cabin color palette (#E2FBFC, #63D8B3, #CF87D8, #008B6C, #3B1541)

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