Tempered Coast color palette — #DBF2E2 · #A88800 · #515927 · #1E3627 · #020602

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DBF2E2): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A88800): A luminous, balanced green — the color of fresh herbs.
• Olive (#515927): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#1E3627): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020602): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Coast 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

• Hushed Moss Garden color palette (#CBE6D7, #AC9D00, #3B6C61, #2B4336, #071009)
• Aged Olive color palette (#D6ECE3, #798100, #284C1D, #002419, #000201)
• Timeworn Amber Workshop color palette (#FEE6F0, #CB7100, #6A4F02, #432432, #090206)
• Muted Moss Field color palette (#CFEBE6, #32A700, #1B6148, #043833, #000604)
• Inked Pier color palette (#FBEDD1, #665300, #2E3834, #1C1B00, #090400)
• Wandering Mint color palette (#E4F6F5, #7DCA9E, #5A838B, #465958, #1D2322)
• Hazy Mustard color palette (#F7EECF, #B5B300, #7C9600, #417900, #093914)
• Timeworn Teal Summit color palette (#D1EAEE, #00BAA4, #00757F, #1B4950, #021516)

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