Tempered Coast color palette — #EEF4EC · #C4DDDA · #A3BEB5 · #14746B · #1C221B

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Cream (#EEF4EC): a clean, paper-quiet neutral.
• Silver (#C4DDDA): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A3BEB5): A luminous, dusty teal — the color of glacier melt.
• Teal (#14746B): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#1C221B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, 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

• Hushed Courtyard color palette (#EEF7F9, #D4D9E2, #A7B5C6, #247267, #2F3D40)
• Softworn Denim color palette (#E6F6EF, #DFCDDF, #C1A0B2, #006485, #032015)
• Aged Lagoon color palette (#ECF7FB, #D3DDE9, #B2B0C2, #469998, #233135)
• Weathered Taupe Basin color palette (#F9F1E3, #9DA766, #487143, #354E32, #211C06)
• Deep Harbor color palette (#D4E9DC, #007186, #311C33, #031008, #010301)
• Weathered Balcony color palette (#E8F3E8, #9FBBAD, #9A869A, #004E50, #030E04)
• Cocoa Station color palette (#DEF0EE, #68AFD0, #836479, #6D4100, #3D270E)
• Frosted Mint Workshop color palette (#DDFBE4, #54E79D, #00C3D5, #6372BA, #002018)

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