Tempered Iris Harbor color palette — #FFF5D5 · #E4BD28 · #797CEF · #806800 · #19005F
A conversation between Periwinkle and Saffron, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Saffron (#E4BD28): A luminous, balanced green — the color of a quiet forest floor.
- Periwinkle (#797CEF): A luminous, vivid violet — the color of twilight just after sunset.
- Walnut (#806800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#19005F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Feathered Chartreuse Loft color palette (#DAFFF2, #B3D129, #8876EF, #627400, #210059)
- Antique Sunflower Canyon color palette (#F2E5B0, #E8C732, #728DEA, #9F8700, #192567)
- Misty Marigold Quarry color palette (#FFF3E6, #FFAD48, #0095DA, #965C00, #002135)
- Gentle Lapis Station color palette (#F4E3BD, #998400, #4453FB, #5B4E00, #181C77)
- Wandering Clover color palette (#D5FFFB, #04D65E, #9086FF, #008135, #1E0656)
- Faded Olive Alley color palette (#D6FFF8, #96F184, #B294F9, #278D05, #342059)
- Patina Delta color palette (#E3FBF8, #90E695, #E073C7, #0C8529, #3F1636)
- Weathered Magenta Dune color palette (#D5FFFB, #2CE565, #D842F9, #00782D, #34003F)
Browse the whole catalog at Explore, or see today's palette.