Tempered Iris color palette — #FDE0F0 · #6D7EFF · #248C0A · #0D3107 · #000202
A conversation between Periwinkle and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDE0F0): A whisper-light, dusty pink — the color of neon signs at night.
- Periwinkle (#6D7EFF): A luminous, vivid violet — the color of a velvet chair.
- Olive Leaf (#248C0A): A full-bodied, vivid green — the color of fresh herbs.
- Deep Forest (#0D3107): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Tempered 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
- Aged Cornflower color palette (#EBE7FF, #008CEE, #009183, #001512, #000200)
- Azure Loft color palette (#FFE7EE, #009AD1, #A68000, #312400, #000301)
- Airy Byzantium color palette (#FCE2D8, #B218FD, #008D61, #001209, #000202)
- Worn Emerald Archive color palette (#F7E9D2, #00A7C6, #00A05B, #030D0C, #000201)
- Wandering Cypress Veranda color palette (#E4EFF2, #A8B1BF, #9197B8, #00837A, #00181C)
- Soft Indigo color palette (#D1E4E3, #32B46D, #4F57FA, #007C44, #00000F)
- Hushed Magenta color palette (#EFDFD6, #E500E2, #009B88, #002620, #000203)
- Powdered Magenta color palette (#DBE6FF, #FB23EF, #607400, #1E2600, #000302)
Browse the whole catalog at Explore, or see today's palette.