Tempered Coast color palette — #E9F9FB · #80FFEA · #8699E4 · #339D8D · #0D121D

Built around Sea Foam, softened by Lavender Blue — the whole palette hums with creativity and calm.

The five colors

• Ivory (#E9F9FB): bright and airy, almost weightless.
• Sea Foam (#80FFEA): A whisper-light, balanced teal — the color of glacier melt.
• Lavender Blue (#8699E4): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#339D8D): A luminous, balanced teal — the color of sea glass.
• Ink (#0D121D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged duotone, muted, cool.

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

• Lilac Atelier color palette (#EDF7FC, #B2F2FF, #BA88C7, #2A99AD, #12101F)
• Dusty Teal Market color palette (#EBF8F8, #A7E5C9, #B4A0E9, #57B791, #1F2236)
• Turquoise Orchard color palette (#EBF9F5, #CBF5A8, #38ACD7, #759659, #06141D)
• Peony Veranda color palette (#ECF7FF, #AAE1FF, #E84EA2, #0089BA, #100319)
• Nightshade Quarry color palette (#D2F0F8, #00A2A1, #412BB9, #004545, #00000C)
• Ancient Glacier color palette (#FFF1F6, #4CE2F8, #7590D1, #7E5B3D, #1F3443)
• Washed Indigo Study color palette (#EFF4EB, #87C2AA, #7366BC, #007759, #190812)
• Hushed Station color palette (#F1F7F0, #7DBCB8, #2972B6, #006E6B, #2C1E2E)

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