Tempered Coast color palette — #EFF8F1 · #CAE6D4 · #99C0AC · #AF8FA1 · #3C5345

Sage and Dusty Rose set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Celadon Mist (#CAE6D4): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#99C0AC): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#AF8FA1): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#3C5345): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, 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

• Aged Grove color palette (#FBF4EC, #C5E0CC, #9FB88A, #997E80, #564400)
• Driftwood Terrace color palette (#E9F9F8, #ABE1E1, #7DBBA5, #929460, #214A4A)
• Stone Market color palette (#E9FAF1, #C3E6E8, #CABA86, #9FBBD2, #40564D)
• Antique Coral color palette (#E9FAEE, #D9C687, #88D0A8, #EB9389, #2F4939)
• Worn Amber color palette (#E3FEE1, #EDD2A5, #CCB16C, #A48F39, #365A48)
• Ancient Mustard Basin color palette (#EEF8F1, #E3D4A4, #8AD7D3, #C5A52D, #1B5756)
• Antique Chestnut color palette (#F6F1E8, #D3C298, #85865B, #895224, #33312A)
• Dusty Terrace color palette (#E3FCEF, #CAD692, #91B35B, #B67931, #383F10)

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