Iris Pier color palette — #F2F0DB · #6DC9E4 · #868FE1 · #7E7800 · #0D344D
A conversation between Lavender Blue and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F0DB): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#6DC9E4): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#868FE1): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#7E7800): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#0D344D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.
Use it as a design system
One click turns Iris Pier 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
- Olive Cabin color palette (#F0F0D8, #8CBFF4, #B687DF, #3E7F14, #41253B)
- Misty Quarry color palette (#FFEADA, #5DD1BF, #44A0DA, #AF5A0F, #00383C)
- Hazy Harbor color palette (#E8E8BC, #8DAEFF, #D35DDC, #00783F, #2A195B)
- Wandering Villa color palette (#CAEFD5, #DABCD9, #AEA1CE, #8E8E53, #1B4D34)
- Tempered Indigo Villa color palette (#EAEBD4, #00A5DC, #7661CE, #515C00, #001631)
- Wandering Harbor color palette (#FAF4EF, #C6E9DC, #89B2F6, #009EA8, #35365C)
- Wandering Iris color palette (#F7E4F3, #7397EE, #765763, #4D3249, #04100C)
- Timeworn Taupe Coast color palette (#FFF3E8, #DDC69F, #9EA857, #6983B7, #39352F)
Browse the whole catalog at Explore, or see today's palette.