Tempered Drift color palette — #D8F1DD · #C87300 · #7D6600 · #335600 · #020200

Mustard and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8F1DD): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#C87300): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7D6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#335600): A full-bodied, balanced green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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

• Softworn Olive Harbor color palette (#D6EAE4, #B08800, #5C7D00, #005943, #000300)
• Powdered Rose color palette (#FFE5F0, #E9473D, #AF5900, #5E5100, #040100)
• Powdered Rose Veranda color palette (#EFDEC2, #FF3145, #8D6B00, #005D4B, #091000)
• Quiet Pier color palette (#DEF9E7, #FF898D, #B98800, #007760, #010100)
• Linen Lantern color palette (#F1E9CA, #F2820E, #AF8700, #477D00, #111000)
• Pale Navy Cabin color palette (#F2ECDF, #6C7229, #00522B, #061D5C, #110027)
• Inked Fern color palette (#E7E4C8, #5B5D00, #2B4100, #042000, #000802)
• Pine Chapel color palette (#D6F8ED, #3B7839, #004129, #331400, #000400)

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