Tempered Drift color palette — #EDF8F0 · #C4E1D6 · #99C1A5 · #B1886B · #334D4B

Caramel and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F0): bright and airy, almost weightless.
• Silver (#C4E1D6): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#99C1A5): A luminous, dusty teal — the color of glacier melt.
• Caramel (#B1886B): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal (#334D4B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

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

• Stone Coast color palette (#FFF0F7, #CCDFCE, #D7AB90, #B48383, #3A4D44)
• Hushed Thicket color palette (#EEF8F1, #BBEAEA, #BCAE80, #6A816A, #30443E)
• Dusty Bronze color palette (#F5E2E9, #A5CDB2, #C19368, #AD6156, #013A2D)
• Timeworn Fern color palette (#FAF4EA, #D4CAAC, #AD9973, #8E6E42, #524800)
• Tempered Field color palette (#F9F1E3, #B8C193, #928158, #7E4916, #2B2E1F)
• Weathered Amber Grove color palette (#F0F5FF, #A8BAF5, #B09CD6, #B28548, #24343F)
• Patina Raspberry Boulevard color palette (#FFE6F5, #EABF8E, #E08A69, #BF5A71, #3E3500)
• Dusty Bronze color palette (#C9E7D5, #809B58, #7F6E00, #6F3F00, #000F05)

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