Tempered Ash Coast color palette — #F5F6EE · #C9E7E2 · #ABD1BB · #70AFB0 · #40594E

A conversation between Turquoise and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C9E7E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#ABD1BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#70AFB0): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#40594E): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Softworn Powder Workshop color palette (#F4F6EF, #C9E6EA, #AACAEF, #7AA9C2, #5E4B5D)
• Aged Courtyard color palette (#F9F5E8, #D6E4CD, #98C9BA, #C8B995, #5C4F00)
• Worn Drift color palette (#E7EADC, #70AABF, #007FAA, #005C67, #000A15)
• Lagoon Lagoon color palette (#F6F6EA, #CFE8CF, #5CC4CE, #00A291, #00434D)
• Worn Turquoise color palette (#ECF4F2, #CEDCF2, #61A8BE, #33777A, #203949)
• Cerulean Hollow color palette (#E6E8D8, #85CED8, #00A3BE, #007D7C, #00242F)
• Tempered Stone color palette (#FFEBD4, #EFCD96, #D3B877, #A3945E, #524F48)
• Gentle Grove color palette (#F3F8E6, #C7EAFF, #69BFFF, #00A0C3, #0C4171)

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