Tempered Ash color palette — #EDF8F3 · #ACE1D9 · #87B9A4 · #6D97AA · #2B4945

Built around Sage, softened by Sea Foam — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Sea Foam (#ACE1D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#87B9A4): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#6D97AA): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#2B4945): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Ash 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

• Softworn Teal Station color palette (#E8FAF3, #AED6B0, #62B29A, #847EA4, #0A3E3A)
• Teal Summit color palette (#FAF2F8, #D2E1FA, #85C6EF, #4BAB99, #364962)
• Patina Drift color palette (#F5F7E9, #BFCAA2, #679D84, #64795C, #3C4900)
• Timeworn Cypress color palette (#D5F0E7, #6AA87C, #008371, #005F79, #001506)
• Tempered Lagoon color palette (#F5F2E7, #B3B790, #3B856B, #3F5D4A, #272917)
• Mustard Canyon color palette (#F1F5FF, #B2B6FF, #CCB354, #75B07D, #2F374E)
• Periwinkle Balcony color palette (#CAEBFF, #A1CBFF, #92A2F6, #8C7EC2, #434367)
• Lagoon Station color palette (#D7ECE6, #70BA8F, #009385, #7B5576, #002211)

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