Tempered Coast color palette — #E0FEED · #67E4A7 · #00B1CE · #8E64C2 · #0F3753

Amethyst and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0FEED): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#67E4A7): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00B1CE): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#8E64C2): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#0F3753): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.

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

• Airy Chartreuse Boulevard color palette (#EAFCE3, #A0D769, #00BABB, #537BC8, #00313E)
• Chalky Veranda color palette (#E7FBF1, #5EDDC5, #16B4F5, #9A4AA6, #3A213C)
• Airy Alley color palette (#E2FDEE, #63EFEE, #38CEFE, #558EFF, #00354D)
• Misty Indigo Hollow color palette (#E4F5FF, #53DCDC, #00BEE8, #5073FB, #001A2C)
• Cobalt Villa color palette (#DAF0F4, #36A3D2, #426BC4, #47428D, #44315B)
• Plum Ridge color palette (#FFF0FD, #00D9E8, #7397ED, #B24877, #2F224F)
• Dusty Meadow color palette (#FEF2EE, #AECFB3, #2782A8, #1E623A, #4B2F4A)
• Chestnut Basin color palette (#B8F3DF, #8AA897, #906A7C, #6E5100, #3D4500)

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