Tempered Drift color palette — #FFF1F5 · #E1B0FF · #9D9600 · #2C9F72 · #362142
Built around Moss, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#E1B0FF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Moss (#9D9600): A luminous, balanced green — the color of fresh herbs.
- Fern (#2C9F72): A luminous, balanced teal — the color of sea glass.
- Deep Indigo (#362142): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Drift 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
- Mallow Grove color palette (#FFE8EA, #FF96EC, #759A3C, #24958E, #371E21)
- Hushed Marigold Parlor color palette (#FFF0F9, #A3A9FF, #E19300, #769540, #26274A)
- Blush Pier color palette (#FFF2F0, #FF8CBD, #BE9100, #008975, #1F2B60)
- Worn Coral Orchard color palette (#FFF4E2, #FF9BD1, #EE7267, #368D5F, #4F2923)
- Wandering Blush Basin color palette (#FFF2F0, #FF91BC, #88BE7F, #4D9DAC, #422C2A)
- Pale Bloom color palette (#F6F3FF, #E378D6, #B48C00, #6C6C00, #2D0B2A)
- Timeworn Pier color palette (#FFDCD0, #FF9397, #009B6C, #0085B0, #3B0C12)
- Hushed Studio color palette (#FFF1F3, #F060FD, #6E7E00, #1E7036, #431E27)
Browse the whole catalog at Explore, or see today's palette.