Pale Iris color palette — #E8F6EF · #A6A96B · #618DD5 · #686A00 · #0F264C
A conversation between Lavender Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F6EF): a clean, paper-quiet neutral.
- Sage (#A6A96B): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#618DD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#686A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#0F264C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Pale Iris 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 Basin color palette (#E6F6F2, #8BB175, #977FC0, #3D7500, #2E1C47)
- Gentle Iris Balcony color palette (#E9FAEF, #B49F45, #7083D6, #776400, #363F67)
- Periwinkle Parlor color palette (#FCF5E1, #C3BB66, #7FA0FB, #8E8300, #553650)
- Chalky Thicket color palette (#DAFAF3, #749A64, #3085C6, #4662C4, #002520)
- Weathered Cocoa color palette (#E7F6EC, #90B5A8, #847443, #6C4019, #002927)
- Quiet Lantern color palette (#FBEDF6, #D09280, #4895C8, #AF3300, #002A42)
- Feathered Bronze color palette (#FAF5E8, #E5D592, #A0B8FE, #A18800, #283561)
- Raspberry Pier color palette (#D3F0F0, #4EA57D, #BA5671, #006543, #3B0016)
Browse the whole catalog at Explore, or see today's palette.