Tempered Coast color palette — #F3F9E0 · #76EA94 · #CC71C4 · #348A4D · #3A1938

Chartreuse and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F9E0): A whisper-light, dusty green — the color of fresh herbs.
• Chartreuse (#76EA94): A whisper-light, vivid teal — the color of shallow lagoons.
• Bubblegum (#CC71C4): A luminous, balanced pink — the color of peonies in June.
• Fern (#348A4D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#3A1938): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Pale Chartreuse color palette (#FBF6DB, #C4DC4B, #A783DB, #707F16, #2E1F41)
• Aged Seafoam Atelier color palette (#ECFAE7, #31ECD4, #DA7291, #00897B, #431625)
• Emerald Bloom color palette (#EDF1DE, #84D58E, #DE94CB, #50A75D, #4E2444)
• Ancient Violet Bloom color palette (#D2F0EF, #5FA279, #9B60AE, #006639, #2E023B)
• Hushed Canyon color palette (#EEFCD1, #1DC47A, #828DE4, #B8624A, #181E04)
• Softworn Plum color palette (#E7F4D3, #28BB81, #B61A94, #005D3C, #14000E)
• Honey Cabin color palette (#FFF3E4, #DEC679, #A98345, #5D5751, #27210C)
• Powdered Plum Lantern color palette (#E1EDDD, #009284, #BD0053, #00463F, #040001)

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