Tempered Coast color palette — #E7FBEF · #C8E4E5 · #A5C1D4 · #8CA392 · #3A5243

Built around Ash, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
• Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A5C1D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Taupe (#8CA392): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3A5243): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Basalt Atelier color palette (#E7FBEA, #C5DFE5, #A8C9D6, #AE939F, #654A56)
• Worn Stone color palette (#FBF2F7, #CDE5D1, #B0BC8E, #76A3AA, #3F5343)
• Softworn Driftwood Balcony color palette (#C3EFE8, #A2CEE0, #94A9D7, #738B5C, #334B2B)
• Patina Teal Veranda color palette (#FAF3F6, #D9D4E2, #A9C9F7, #50B6A6, #4A516B)
• Washed Marigold Villa color palette (#ECF7FF, #99D0ED, #EBB073, #B3A459, #2E4656)
• Muted Cocoa Alley color palette (#EBFBE6, #C3D9C9, #95ACA6, #A1766C, #773D19)
• Softworn Azure Lagoon color palette (#DCFBFF, #A0E6E8, #69C4E4, #5B9ACF, #445373)
• Washed Station color palette (#F0F6D4, #B8D1B9, #A68A9F, #935A2E, #613000)

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