Tempered Drift color palette — #DFFFE2 · #99F6F0 · #89BAA9 · #966E61 · #623D31

Sea Foam and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFFFE2): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#99F6F0): A whisper-light, balanced teal — the color of glacier melt.
• Sage (#89BAA9): A luminous, dusty teal — the color of sea glass.
• Mocha (#966E61): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#623D31): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.

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

• Misty Field color palette (#FFF7C0, #ACEFC0, #66B6B5, #97586A, #623341)
• Bronze Studio color palette (#E0FFDE, #B2E9FF, #A2A7D2, #926829, #533500)
• Faded Lantern color palette (#C8F1C0, #54BAAC, #3382A5, #7B4D43, #6A372C)
• Worn Turquoise Veranda color palette (#B3F2DA, #5DBDCF, #66739F, #58391C, #251000)
• Tempered Chestnut Lagoon color palette (#E0FFDD, #93CEC7, #5F89A3, #7B4B39, #482508)
• Cocoa Coast color palette (#E3FDEA, #F3DDD9, #DCB9C3, #9B9581, #5D4B00)
• Antique Powder Market color palette (#D6FEFF, #8EC6F6, #8D81B8, #6D6120, #413800)
• Linen Orchid color palette (#CFF3FF, #A2D0EE, #8FB0E2, #A969B1, #703960)

Browse the whole catalog at Explore, or see today's palette.